Question

当您点击 X 时，如何通过数据属性删除此父div，因为您看到data-userid可更改。也许它应该是这样的 $('.delete').find("[data-userid='" + userId + "']")，userId是指数字。

<div>
    Just Test
    <a class="delete" href="#" data-userid="5">X</a> 
</div>
<div>
    Just Test
    <a class="delete" href="#" data-userid="6">X</a> 
</div>

Answer 1

.find()会查找您使用$('.delete')选择的元素的子项。而是直接选择具有所需数据属性的a，然后到达以查找其父级。

var userId = 5;
var link = $('.delete[data-userid="' + userId + '"]');
var parent = link.parent();

现在您可以删除整个div，如下所示：

parent.remove();

http://codepen.io/anon/pen/BKGopr

Answer 2

如果要删除父div，则应使用父选择器，如下所示：

$('.delete[data-userid="' + userId + '"]').parent('div').remove();

我在你的问题中读到你要删除a点击的父div，所以你也可以这样做：

$("a.delete").click(function(){
  $(this).parent('div').remove();
});

我希望我的回答可以帮到你。

Answer 3

我们走了： remove（）函数可以帮到你！这是一个例子：

jQuery的：

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#div1").remove();
    });
});
</scrpt>

HTML：

<div id="div1">

This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>

</div>
<br>

<button>Remove div element</button>

希望它有所帮助;）

Answer 4

这应该可以解决问题

$('.delete').on('click',function(){
        //$(this).parent().remove();
        $(this).parent().hide();
});

Answer 5

如果要删除所有用户的元素，则只需向元素添加id并使用@Override public void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == PICK_IMAGE_REQUEST_CODE) { /** You have to call the getData or getDataString to get the images address */ Log.i("CCC", data.getDataString()); } }删除它，但如果要根据任何特定用户删除，则可以使用data属性查找元素并删除它。

Jquery按数据属性删除div

5 个答案: