jquery通過數據屬性刪除div

當您單擊X時，如何才能刪除此父級div，如您所見data-userid可更改。也許它應該是這樣的 $('.delete').find("[data-userid='" + userId + "']")，userId是指編號。jquery通過數據屬性刪除div

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

來源

2016-04-30 Issam Mousleh

使用remove（）函數 – praguan

這裏我們去： 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>

希望它幫助;）

來源

2016-04-30 23:31:01 praguan

.find()會找你選擇的元素的子。而是直接選擇帶有所需數據屬性的a，然後伸手去尋找其父項。

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

現在你可以刪除整個div這樣的：

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

來源

2016-04-30 23:35:01 Sunlis

這應該做的伎倆

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

來源

2016-04-30 23:36:11 mentes

如果你想刪除父DIV，你應該像這樣使用父選擇器：

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

我要刪除a的父DIV點擊你的問題看，所以你也可以這樣做：

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

我希望我的回答可以幫助您。

來源

2016-04-30 23:37:04 ingemi

如果你想刪除所有用戶的元素，那麼你可以添加id到你的元素並使用$("#id").remove();刪除它，但是如果你想刪除基於任何特定的用戶，那麼你可以使用data屬性來查找元素和刪除它。

來源

2016-04-30 23:39:56

jquery通過數據屬性刪除div

回答

相關問題