如何使用jQuery刪除下一個元素的內容？

我試圖使用jQuery如何使用jQuery刪除下一個元素的內容？

$('#deleteAssocPesident').click(function(e){ 
    // e.preventDefault(); 
    console.log(e); 

    $(this).next('div').next('#deletePresidentBlock').html(''); 
});

的Html

<div class="user_president_designation" id="user_designation_president">President <i class="fa fa-trash-o" aria-hidden="true" id="deleteAssocPesident" style="float: right;font-size: 22px;margin-top: 4px;" ></i></div> 
<div class="user_president_block" id="deletePresidentBlock"> 
    <img src="" style="max-width: 300px;max-height: 300px;min-height: 300px;" class="img img-responsive" /> 
    <div class="user_president_name">{{$firstName}}&nbsp;{{$lastName}}</div> 
    <input type="hidden" value="" name="president"> 
</div>

我試過很多方法，但它不工作。我相信，這功能在工作這可能是問題清空下一格的HTML數據能找到的div 下一個傾斜的任何幫助appriciated

更新

我有很多相似塊，所以我不能使用的ID。所以我有空最近刪除的div塊

我現在已經添加的類名deletePresidentBlock因爲ID應該是unque

來源

2017-09-25 vision

既然你在球場上有一個ID，爲什麼不只是'$（ '＃deletePresidentBlock'）HTML（ ''）' – Cfreak

[下一頁]（HTTPS：// API。 jquery.com/next/）*獲取匹配元素集中每個元素的緊隨其後的兄弟。如果提供了一個選擇器，只有當它匹配該選擇器時纔會檢索下一個兄弟。*。如果您試圖引用一個ID，那麼只需在該ID上清空，因爲它們是** unique **。 –

@ Cfreak.i有很多塊，所以如果添加像它會刪除all.i想要remvoe特定的bock用戶點擊 – vision

在這裏，你去了一個解決方案

$('#deleteAssocPesident').click(function(e){ 
 
    $(this).closest('div#user_designation_president').next('#deletePresidentBlock').html(''); 
 
});

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="user_president_designation" id="user_designation_president">President <i class="fa fa-trash-o" aria-hidden="true" id="deleteAssocPesident" style="float: right;font-size: 22px;margin-top: 4px;" ></i> 
 
</div> 
 
<div class="user_president_block" id="deletePresidentBlock"> 
 
    <img src="" style="max-width: 300px;max-height: 300px;min-height: 300px;" class="img img-responsive" /> 
 
    <div class="user_president_name">{{$firstName}}&nbsp;{{$lastName}}</div> 
 
    <input type="hidden" value="" name="president"> 
 
</div>

希望這會對你有幫助。

來源

2017-09-25 16:03:03 Shiladitya

@ Shiladitya.thanks很多.works像魅力 – vision

@vision歡迎好友:) – Shiladitya

第一集團kdiv刪除推進。但不是其他分區 – vision

$('#deleteAssocPesident').click(function(e){ 
    // e.preventDefault(); 
    console.log(e); 

    //$('#deletePresidentBlock').html(''); 
    $(this).parent().next('div').children('#deletePresidentBlock').html(''); 
});

來源

2017-09-25 16:01:01 zynkn

試試這個：

$('#deleteAssocPesident').click(function(e) { 
    $(this).parent().siblings('div#deletePresidentBlock:first').html(''); 
});

來源

2017-09-25 16:23:36 kheya

你不需要：首先如果你有唯一的ID。這是當你有類而不是ID – kheya

@ kheya.thanks的答案 – vision

如何使用jQuery刪除下一個元素的內容？

回答

相關問題