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个回答
展开全部
1 2 3 4 5 6 7 | 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放进去没有输出内容呀
我这实再是小白来的,麻烦把完整代码给我一下可以吗?
先谢过了!!
追答
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!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>');
}
}
})
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询