如何從選定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（）;