如何从选定href标签内的span标签中检索文本？

Question

我正在尝试从span elementinside中检索选定的href标记中的文本。 这是我之前的例子中的HTML：

<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"/>

我的jQuery看起来像这样

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

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

选择一个项目后，我添加一个名为“highlight”的类

Answer 1

你只需要一个简单的类选择器：

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

Answer 2

您将代码更改为：

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

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

:selected伪类不适用于span元素。

$(". gifttitle ", this)表示在当前元素中选择具有类gifttitle的元素。

Answer 3

var test = $（'。highlight> .gifttitle'）。text（）;