如何从选定的href标签内的span标签检索文本? [英] How do I retrieve text from a span tag inside a selected href tag?

问题描述

我正在尝试从所选href标记内的span元素检索文本.这是上一个示例中的HTML:

I'm trying to retrieve the text from a span elementinside a selected href tag. Here is my HTML from a previous example:

<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看起来像这样

My jQuery looks like this

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

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

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

Once an item is selected I add a class called: 'highlight'

推荐答案

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

You just a need a simple class selector:

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

这篇关于如何从选定的href标签内的span标签检索文本?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！