2014-11-04 24 views
1

如何獲取內容爲「This is active」的子元素的類名? 我知道父元素divid name1。如何獲取內容爲「XX」的子元素的類名?

<div id='name1'> 
    <div class='name2'> 
     <span> 
     <a class='active nameA'> This is active</a> 
     </span> 
    </div> 
    <div class='name1'> 
     <span> 
       <a class='not-active'> not active</a> 
     </span> 

    </div> 
</div> 
+1

歡迎來到S.O.請閱讀:http://stackoverflow.com/help/how-to-ask你有沒有嘗試過?你研究過了嗎? – 2014-11-04 23:05:17

+0

你想要檢索'name2'或'nameA'嗎? – Axel 2014-11-04 23:06:43

+1

這裏http://api.jquery.com/contains-selector/ – GramThanos 2014-11-04 23:07:12

回答

1

你可以試試這個方法:

alert($("a:contains('This is active')").attr("class")); 
1

可以使用:contains selector

var element = $('#name1').find("a:contains('This is active')"), //retrieve the element 
    className = element.attr('class'); //retrieve the class from element 

alert('Class is ' + className); 

工作實例:http://jsfiddle.net/gLhLs5bj/1/

0

我會建議使用

$("a:contains('This is active')").each(function() { alert(this.classList); }); 

這裏,this.classList是一個列表,其元素爲歸因類名的<a>This is active</a> - 標籤。

0

內容爲「This is active」的元素不包含任何子元素。也許這是你在找什麼:

http://jsfiddle.net/4sg4pn31/8/

var $activeChild = $("#name1").find('.active'); 
var $activeClass= $($activeChild).attr("class"); 

$ activeChild發現孩子帶班主動和$ activeClass獲得該元素的類。