Jquery 基于相关按钮隐藏列表元素

我有一个由php/mysql查询生成的简单列表，每个列表项都有一个按钮，如果单击该按钮，可以隐藏元素：

<ul id="mylist">
<li class="item">element 1 <button type="button" id="hideme">hide element</button></li>
<li class="item">element 2 <button type="button" id="hideme">hide element</button></li></ul>

---

编辑：我要做的是在单击按钮时隐藏按钮的所有内容。

假设要隐藏按钮

你可以用

  $(this).find('button').hide();

此外，

ID

在HTML中必须是唯一的

我建议您使用

class

而不是

id

<ul id="mylist">
<li class="item">element 1 <button type="button" class="hideme">hide element</button></li>
<li class="item">element 2 <button type="button" class="hideme">hide element</button></li>  </ul>

编辑 如果要隐藏整行，请使用此选项

$(".hideme").click(function () {
    $(this).closest('li.item').hide();
});

---

您可以使用以下代码执行所需操作：

jQuery(document).ready(function(){
$(".item").click(function(){
    $(this).find(':button').hide();
});
});

---

您需要将单击事件的按钮作为目标，然后从按钮目标中隐藏整行

jQuery(document).ready(function () {
    $("button").click(function () {
        $(this).parent('li').hide();
    });
});

对不起，我的英语：）我想做的正是你所做的，但不同的是我想在点击按钮时隐藏

的所有内容，还有按钮。

jQuery(document).ready(function(){
$(".item").click(function(){
    $(this).find(':button').hide();
});
});

jQuery(document).ready(function () {
    $("button").click(function () {
        $(this).parent('li').hide();
    });
});