jquery遍歷子元素的寫法

錚亮不鏽發表於2016-10-27

有一段html程式碼如下

<div class="con" id="ul_tags">
<dl><dt><span>B</span></dt><dd><a class="" href="javascript:;" onclick="getArticlelistByTag(163,1,10)" id="163" target="_blank">保養</a>
<a class="" href="javascript:;" onclick="getArticlelistByTag(166,1,10)" id="166" target="_blank">不孕不育</a></dd></dl>
<dl><dt><span>C</span></dt><dd><a class="" href="javascript:;" onclick="getArticlelistByTag(209,1,10)" id="209" target="_blank">confidence</a></dd></dl><dl>
</div>

$("div#ul_tags a").each(function(){
        	   		$(this).removeClass('current');
				  });

$("div#ul_tags a").each(function(){
					  if(tagId == $(this).attr('id')) {
						  $(this).addClass('current');
					  }
				  });


對於其中的a標籤,如果是選中的應該高亮顯示,以上是選中的a標籤高亮顯示的一段js程式碼

獲取子元素,可以利用

$("#ul_tags>dl")  這種需要是直接的子節點才可以


$("div#ul_tags:dl") 也是可以的。

  ,也可以直接使用$("div#ul_tags a")的形式

相關文章