yingwho
asked on
jquery
i am trying to grab the text inside the tags and truncate the text to 10 characters.
it fails in 3rd and 4th item as it has nested children tags inside. pl suggest.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('.glue').each(function(){
if ( $(this).children().length > 0 ) {
var st = $(this).children().html();
if (st.length >= 10) {
alert(st);
alert(st.length);
var newst = st.substr(0, 10) + '...';
$(this).children().html(newst);
}
} else {
var st = $(this).html();
if (st.length >= 10) {
alert(st);
alert(st.length);
var newst = st.substr(0, 10) + '...';
$(this).html(newst);
}
}
});
});
</script>
</head>
<body>
1.<span class="glue">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span><br /><br />
2.<span class="glue"><a href="http://www.yahoo.com">bbbbbbbbb bbbb bbbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbbbb</a></span><br /><br />
3.<span class="glue"><span><a href="http://www.yahoo.com">bbbbbbbbb bbbb bbbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbbbb</a></span></span><br/><br/>
4.<span class="glue"><span><div><a href="http://www.yahoo.com">bbbbbbbbb bbbb bbbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbbbb</div></a></span></span>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER