선택한 href 태그 내부의 span 태그에서 텍스트를 검색하려면 어떻게합니까?

Question

선택한 href 태그 안의 span 요소에서 텍스트를 검색하려고합니다.

항목이 내가라는 클래스 추가를 선택하면 내 jQuery를이

$('#capture').click(function(e) { 
    e.preventDefault(); 

     var test = $(".highlight .gifttitle").text();  
    alert("TEXT " + test); 
}); 

과 같은

<ul class="thumbnails"> 
<li> 
    <a href="#" class="thumbnail"> 
     <img class="giftthumb" src='thumb1.jpg' alt=""> 
     <span class="gifttitle">Thumb1</span> 
    </a>  
</li> 
<li> 
    <a href="#" class="thumbnail"> 
     <img class="giftthumb" src='thumb2.jpg' alt=""> 
     <span class="gifttitle">Thumb2</span> 
    </a>  
</li> 
<li> 
    <a href="#" class="thumbnail"> 
     <img class="giftthumb" src='thumb3.jpg' alt=""> 
     <span class="gifttitle">Thumb3</span> 
    </a>  
</li> 
</ul> 

<input type="button" class="btn btn-success" value="Test" id="capture"/> 

: '하이라이트'

Answer 1

을 당신은 단지 필요 다음은 앞의 예에서 내 HTML입니다 간단한 클래스 선택 : 당신은 당신의 코드를 변경 놈이야

var test = $(".gifttitle.highlight").text();  

Answer 2

:

$('#capture').click(function(e) { 
    e.preventDefault(); 

    // var test = $(".gifttitle", this).text();  
    alert("TEXT " + test); 
}); 

:selected pseudoclassspan는 소자에 적용되지 않는다.

$(". gifttitle ", this)은 현재 요소에서 gifttitle 클래스의 요소를 선택하는 것을 의미합니다.

Answer 3

var test = $ ('. 강조> .gifttitle'). 텍스트();