Question

我有像这样的HTML代码

    <article>
    <h4>Lorem Ipsum</h4>
Lorem ipsum dolor sit amet con
    <span class="post-labels">Label: 
        <a href="#">Picture</a>, 
        <a href="#">Panorama</a>, 
    </span>
</article>

<article>
    <h4>Lorem Ipsum</h4>
Lorem ipsum dolor sit amet consectetur 
    <span class="post-labels">Label: 
        <a href="#">Foto</a>,
    </span>
</article>

我需要在jquery中获取值（picture，foto）。并为文章类增加价值

$('article').each(function() {
    if ($(this).find('.post-labels').length) {        
        var cl = $('a').text();
        $(this).addClass(cl);
    }
});

Answer 1

定位到post-labels a而不只是a：

$('article').each(function() {
    if ($(this).find('.post-labels').length) {        
        var cl = $(this).find('.post-labels a').text();
        $(this).addClass(cl);
    }
});

Answer 2

要获得第一个锚点，您需要使用.eq()：

$('article').each(function() {
    if ($(this).find('.post-labels').length) {        
        var cl = $(this).find('.post-labels > a').eq(0).text();
        $(this).addClass(cl);
    }
});

Answer 3

jQuery：

var a1_text = $('#a1').text();

JavaScript：

document.getElementById('a1').innerHTML

获取一个锚标记值

3 个答案: