我努力學習jQuery,我有以下標記如何找到最接近的同級jQuery中
在一個div,我有兩個文本日期和說明和兩個按鈕編輯和刪除。
當我點擊編輯按鈕,我想該div
在這裏,我試圖把它用parents()
選擇,我怎麼能在這裏使用closest()
選擇,日期和說明,如果它是不可能的與目前的標記,請建議如何進行closest()
選擇器。
$(document).ready(function() {
//If i click on edit button . I want to select the corresponding date and description .How can we do that?
$(".taskTemplate .edit").on('click', function(event) {
editTask(event.target);
});
});
function editTask(node) {
var date = $(node).parents('.taskTemplate').find('.date').html();
alert(date);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="taskTemplate">
<span class="date">205-10-09</span>
<span class="desc">description of task</span>
<input type="button" class="edit" value="edit">
<input type="button" class="delete" value="delete">
<span class="done">done</span>
</div>
<div class="taskTemplate">
<span class="date">2015-11-19</span>
<span class="desc">description of task2</span>
<input type="button" class="edit" value="edit">
<input type="button" class="delete" value="delete">
<span class="done">done</span>
</div>
請幫
感謝
你嘗試'$(節點).closest( 「日期」)。HTML()'? –