jquery tr id選擇

Question

我們有2個問題與jquery。請看看下面...

我們使用下表：

<tr id="row-5"> 
    <td></td> 
    <td><a class="delete" href="#">Delete</a></td> 
</tr> 

而且我們使用下面的代碼：

$(function() { 
    $('.delete').click(function() { 
     var id = $(this).parents("tr").attr("id"); 
     var info = 'id=' + id; 
     $.ajax({ 
      type: "POST", 
      url: "delete.php", 
      data: info, 
      success: function() {} 
     }); 
     return false; 
    }); 
}); 

所以我們的問題......

1. 我們如何獲得id（5）而不是第5行的正確值？
2. 我們應該使用jQuery代碼上的每個函數嗎？如果是的話，我們該怎麼做？

感謝您的支持。

Answer 1

更新：

重新下方的評論：

我詢問了每個功能，因爲我使用jQuery的排序和分頁爲100行和刪除按鈕第10行，但之後的偉大工程它改變URL以＃

那是因爲你只掛鉤是已經存在行當p年齡被加載。如果你改變你的代碼使用delegate或live代替click，它會添加了新的工作崗位：

$(function() { 
    // Change is +--- here 
    //   V 
    $('.delete').live('click', function() { 
     var id = $(this).closest("tr").attr("id"); 
     id = id.substring(4); // or .split('-')[1] as suggested by other answer 
     var info = 'id='+id; 
     $.ajax({ 
      type: "POST", 
      url: "delete.php", 
      data: info, 
      success: function(){ 
      } 
     }); 
     return false; 
    }); 
}); 

bind（click只是爲bind的快捷方式）處理程序掛接到元素已經存在。當你使用分頁插件時，其他元素還沒有出現，所以他們不會迷上。 delegate和live工作方式有所不同：他們利用事件冒泡並將事件掛接到容器元素上（live使用文檔的根，delegate使用您指示使用的任何內容）。有關詳細信息，請參閱鏈接的文檔。如果您可以使用植根於容器表中的delegate，則優先於live。

---

原來的答覆：

attr是給你正確的值（ 「行5」）。如果你想只提取「5」從這一點，你可以用substring：

id = id.substring(4); 

，我沒有看到任何地方，你就需要循環。

---

題外話：您還可以通過使用closest而不是parents保存瀏覽器中的一些工作。

$(function() { 
    $('.delete').click(function() { 
     var id = $(this).closest("tr").attr("id"); 
     var info = 'id='+id; 
     $.ajax({ 
      type: "POST", 
      url: "delete.php", 
      data: info, 
      success: function(){ 
      } 
     }); 
     return false; 
    }); 
}); 

Answer 2

1 - var id = $(this).closest("tr").attr("id").split("-")[1];

2 - 沒有必要，因爲你是選擇行是最接近父行的點擊錨。