Question

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

我的主要问题是：我不知道如何使这两个元素相关联，因此当我点击某个按钮时，只有该按钮所在的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

你云将按钮放在<p>标签内，然后调用parent()方法：

HTML：

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

JQuery的：

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

更好的方法是将

标签设为inivudual类样式：

<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 2

prev是您正在寻找的命令：

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

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

Answer 3

您可以使用jQuery prev（）来获取前一个p标记：

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

jQuery选择多个按钮

3 个答案: