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);
});