1

我正在尝试从选定的 href 标记内的 span 元素中检索文本。这是我之前示例中的 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”的类

4

3 回答 3

3

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

var test = $(".gifttitle.highlight").text();      
于 2013-03-08T20:51:47.483 回答
0

您应将代码更改为:

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

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

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

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

于 2013-03-08T20:53:35.603 回答
0

var test = $('.highlight > .gifttitle').text();

于 2013-03-08T20:53:47.310 回答