色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

Jquery表格里面按鈕父元素

吳麗珍1年前8瀏覽0評論

Jquery是一個非常強(qiáng)大的Javascript庫,可以幫助我們在網(wǎng)頁中實現(xiàn)許多功能。其中,表格是網(wǎng)頁中常用的元素,而表格中的按鈕也是常用的交互元素之一。在Jquery中,我們可以通過選擇器來選中表格中的按鈕,但是在實際使用中,我們經(jīng)常需要獲取按鈕所在的父元素。下面將介紹如何在Jquery中獲取表格中按鈕的父元素。

//HTML代碼
<table>
<tr>
<td>張三</td>
<td>男</td>
<td>
<button class="delete-btn">刪除</button>
<button class="edit-btn">編輯</button>
</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>
<button class="delete-btn">刪除</button>
<button class="edit-btn">編輯</button>
</td>
</tr>
</table>

在上面的HTML代碼中,我們有一個表格,每一行中有兩個按鈕,一個是刪除按鈕,一個是編輯按鈕。我們想要實現(xiàn)的功能是,當(dāng)點擊刪除按鈕時,獲取該按鈕所在行的數(shù)據(jù)并執(zhí)行刪除操作。

//Jquery代碼
$(document).on('click', '.delete-btn', function(){
//獲取按鈕所在的行的數(shù)據(jù)
var tr = $(this).parents('tr');
var name = tr.find('td:eq(0)').text();
var sex = tr.find('td:eq(1)').text();
//執(zhí)行刪除操作
deleteData(name, sex);
});
//刪除函數(shù)
function deleteData(name, sex){
//執(zhí)行刪除操作
}

在上面的代碼中,我們使用了parents()方法來獲取按鈕所在的tr元素,然后再通過find()方法來獲取該行中需要的數(shù)據(jù),最后執(zhí)行刪除操作。這里需要注意的是,它返回的是一個jQuery對象,因此我們需要通過text()方法來獲取文本內(nèi)容。

總之,獲取表格中按鈕的父元素在Jquery中是很常用的操作。通過上面的方法,我們可以輕松地獲取按鈕所在行的數(shù)據(jù)并執(zhí)行對應(yīng)的操作。