Question

我有一个模板多次创建相同的DIV。

在DIV中有一个名字：

<div class="left-lg">
    <div class="left-lg-container">
    <div class="number">1</div>
    <img class="img-lg" src=/img/img.jpg alt="" />
    <div class="content">
        <div class="name">Name </div>
        <div class="mentions-hr">1</div>
        <div class="mentions-total">
            <p class="mention-label">Mentions / Hr</p>
            <div class="total-mentions">
                <p class="total-mentions-num left">1</p>
                <div class="clear">&nbsp;</div>
                <p class="left">Total Mentions</p>
            </div>
            <!-- total-mentions -->
            <div class="share"></div>
            <!-- share -->
        </div>
        <!-- mentions-total -->
    </div>
    <!-- end content -->
    <a href="http://www.link.html"><span></span></a>
    </div>
</div>

对于每个DIV，我想获取该名称并将其分配给Twitter帖子：

html = '<div class="follow"><a href="https://twitter.com/share" class="twitter-share-button" data-text="I Like"' + Name + '" data-count="none">Tweet</a></div>';

'姓名'在哪里

页面上可能有数百个这个div，并且需要在每个div中使用特定名称放置在推特代码中。

我认为它是这样的：

var Name = $(this).div.name;

Answer 1

试试这个。

var names = [];
$('.left-lg').each(function(){
    names.push($(this).find('.name').text());
});

names数组将包含页面上每个div的名称。您可以在为twitter post构建标记时使用此数组。

Answer 2

html = '';
$('div.name').each(function() {
    var Name = $(this).html();
    html += '<div class="follow"><a href="https://twitter.com/share" class="twitter-share-button" data-text="I Like"' + Name + '" data-count="none">Tweet</a></div>';
});

使用相同的DIV获取值并分配多次？

2 个答案: