[已解決] jquery只能取得表格的第一行的第一個單元格數值
阿新 • • 發佈：2018-12-31
今天在寫刪除功能的時候，需要取到這一行的id的值。諮詢了一下高人，說是要用到jquery或者javascript取值。他打了一段html＋javascript的程式碼給我。<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ <pre name="code" class="javascript">//這個點選一次，會迴圈打印出其他的id $("button").click(function(){ $("table tr").each(function(){ var id=$(this).find('td').eq(0).html() alert(id); }); }); //點選一個按鈕，顯示這一行的頭一個id $(".delete").click(function(){ var id=$(this).parent().parent().find('td').eq(0).html(); alert(id); }); }); </script> </head> <body><button>Alert the value of each list item</button> <table> <tr><td>1</td><td>Coffee<td><td><input id="delete" class="delete" type="button" value="delete"/></td></tr> <tr><td>2</td><td>Milk<td><td><input id="delete" class="delete" type="button" value="delete"/></td></tr> <tr><td>3</td><td>Soda<td><td><input id="delete" class="delete" type="button" value="delete"/></td></tr> </table> </body> </html> <p> </p>
這是html程式碼：
<button onclick='GetID(this)'>鉛筆LOGO</button>function GetID(obj)
{
var TR=$(obj).parent().parent().find('td').eq(0).html();
alert(TR)
}之前一直只出來一個是因為我的button用的是id，後來高人建議我採用class。$(".delete").click(function(){ var id=$(this).parent().parent().find('td').eq(0).html(); alert(id); });
他的解釋如下：
把HTML裡，id=‘deleteUser’ 改成 class='deleteUser'，ID是唯一的，class可以有很多個，你用ID，就只能取到第一個問題解決了！我每點選一行末尾的edit按鈕，就會出現這一行的頭的id。現在我可以繼續通過ajax傳旨id去後臺進行刪除了。