获取一个锚标记值

时间:2014-04-22 08:42:45

标签: javascript jquery html

我有像这样的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);
    }
});

3 个答案:

答案 0 :(得分: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);
    }
});

答案 1 :(得分:1)

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

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

答案 2 :(得分:-1)

jQuery:

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

JavaScript:

document.getElementById('a1').innerHTML