Question

我想替换此选择器中的文字 .list-text＆gt; p ，带有文字此选择器 .other-text＆gt; p ，这里是HTML：

<div class="list-text">
    <p>Text 1</p>
    <p>Text 2</p>
    <p>Text 3</p>
</div>

<div class="other-text">
    <p class="new-text">new text 1</p>
    <p class="new-text">new text 2</p>
    <p class="new-text">new text 3</p>
</div>

变为

<div class="list-text">
    <p>new text 1</p>
    <p>new text 2</p>
    <p>new text 3</p>
</div>

我试着写下像吼叫的js，但没有运气：

(function($){
    $('.list-text p').each(function (i) {
        var $this_text = $(this).text();
        $('.other-text p').text($this_text);
    });
})(jQuery);

我做错了吗？

Answer 1

您可以迭代p标记并使用当前索引从所需元素中获取文本：

$('.list-text p').each(function(i){
  $(this).text($('.other-text p').eq(i).text());
});

<强> Working Demo

Answer 2

text() jq方法接受一个函数，你可以改为使用：

$('.list-text p').text(function (i) {
    return $('.other-text p').eq(i).text();
});

如何使用jquery用第二个选择器中的文本替换第一个选择器上的文本

2 个答案:

-DEMO-