JQuery是一種JavaScript庫,它可以極大地簡化JavaScript編程。 在本文中,我們將談論如何使用JQuery選取單行表格數據。
//HTML代碼
<table>
<tr>
<th>名稱</th>
<th>價格</th>
</tr>
<tr>
<td>蘋果</td>
<td>5.00</td>
</tr>
<tr>
<td>香蕉</td>
<td>3.00</td>
</tr>
</table>
//JQuery代碼
$(document).ready(function(){
$("table tr").click(function(){
var name=$(this).find("td:first").html();
var price=$(this).find("td:last").html();
alert("產品名稱:"+name+",價格:"+price);
});
});
在這段JQuery代碼中,我們使用了click事件來選擇單行表格數據。 首先,我們使用選擇器選取table元素中所有的tr元素,并將click事件綁定到每個tr元素上。 然后,我們使用find方法查找當前行中第一個td元素和最后一個td元素的內容,并將其分配給變量name和price。 最后,我們使用alert彈出一個消息框,顯示選定產品的名稱和價格。
上一篇css常識體系圖