js、JQ问题:如何获取多个class相同的H3或DIV的值,并全部循环输出
<h3class="a">1</h3><h3class="a">2</h3><h3class="a">3</h3><h3class="a">4</h3><h3class=...
<h3 class="a">1</h3>
<h3 class="a">2</h3>
<h3 class="a">3</h3>
<h3 class="a">4</h3>
<h3 class="a">5</h3>
<h3 class="a">N...</h3>
获取上面所有class="a"的h3标签的值
循环输出成:
<em>1</em>
<em>2</em>
<em>3</em>
<em>4</em>
<em>5</em>
<em>N...</em>
如果:<h3 class="a">为空</h3>
则不输出:<em>为空</em>
请大神帮忙了!!! 展开
<h3 class="a">2</h3>
<h3 class="a">3</h3>
<h3 class="a">4</h3>
<h3 class="a">5</h3>
<h3 class="a">N...</h3>
获取上面所有class="a"的h3标签的值
循环输出成:
<em>1</em>
<em>2</em>
<em>3</em>
<em>4</em>
<em>5</em>
<em>N...</em>
如果:<h3 class="a">为空</h3>
则不输出:<em>为空</em>
请大神帮忙了!!! 展开
3个回答
展开全部
var h3=$("h3.a");
for(i=0,len=h3.length;i<len;i++){
if(h3[i].text()!=""){
h3[i].before("<em>"+h3[i].text()+"</em>");
h3[i].remove();
}
}
更多追问追答
追问
大哥,js放进去没有输出内容呀
我这实再是小白来的,麻烦把完整代码给我一下可以吗?
先谢过了!!
追答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(window).ready(function(){
var h3=$("h3.a");
for(i=0,len=h3.length;i<len;i++){
if($(h3[i]).text()!=""){
$(h3[i]).before("<em>"+$(h3[i]).text()+"</em>");
$(h3[i]).remove();
}
}
})
</script>
</head>
<body>
<h3 class="a">1</h3>
<h3 class="a">2</h3>
<h3 class="a">3</h3>
<h3 class="a">4</h3>
<h3 class="a">5</h3>
<h3 class="a">N...</h3>
</body>
</html>
展开全部
http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp 这个问题在这里面都有详细的解答 就是jquery选择器的问题 这个是w3c的 你可以学习一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(function(){
var $arr=$('h3');
for(var i=0;i<$arr.length;i++){
if($arr.eq(i).hasClass('a')){
$('div').append('<em>'+$arr.eq(i).html()+'</em><br>');
}else{
$('div').append('<em>为空</em><br>');
}
}
})
var $arr=$('h3');
for(var i=0;i<$arr.length;i++){
if($arr.eq(i).hasClass('a')){
$('div').append('<em>'+$arr.eq(i).html()+'</em><br>');
}else{
$('div').append('<em>为空</em><br>');
}
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询