javascript - jQuery选择多个按钮

Question

我有一个 p 标签列表，每个标签旁边都有一个按钮。单击该按钮后，我想让该特定 p 标签显示在另一个 div 中

我的主要问题是：我不知道如何使两个元素相关联，这样当我点击某个按钮时，只有按钮旁边的 p 标签会受到影响。我可以用一个按钮和一个段落来做到这一点，但我不知道如何用多个来做到这一点。

这是我的 HTML（单击按钮，将 p 标签移动到另一个 div 框）：

        <div id="items">
             <p>item 1</p><button>add</button>
             <p>item 2</p><button>add</button>
             <p>item 3</p><button>add</button>
        </div>
        <div id="items2">

        </div>

先感谢您

Answer 1

您可以使用 jQuery prev() 来获取前一个 p 标签，如下所示：

var products = [];
$('#items button').click(function () {
    var x = $(this).prev().html();
    products.push(x);
    console.log(products);
});

Answer 2

您将按钮放在<p>标签内，然后按如下方式调用parent()方法：

HTML：

<p>item 1
    <button>add</button>
</p>

查询：

$('button').click().parent().append("hello");

更好的方法是给

将个别类样式标记为：

<p class="i1">item 1</p><button class="i1">add</button>
<p class="i2">item 2</p><button class="i1">add</button>

$('button').click(function(){
    var c = $(this).getClass();
    $("."+c).do_any_thing_u_want();  
});

Answer 3

prev是您要查找的命令：

$('button').prev().appendTo($('#items2'))

文档：http ://api.jquery.com/prev/