多个同ID同页jquery

Question

在我开始之前，我确实明白在一页上具有一个多一个元素的相同 ID 是无效的，但这是我想出的解决这个问题的最佳方法......

我在一页上有几个生成的表格，每个表格的每一行都可以使用每行按钮进行编辑或删除。 正是这些按钮，我附上了 ID，所以我可以很容易地知道我正在编辑/删除的 object 的 ID 是什么。 这在保存到数据库时效果很好，但是当我尝试使用 JQuery 动态更新表行时会导致问题。

下面是来自编辑按钮对话框保存 function 的代码示例：

//find the edit button so we can get the row this item is in
var editButton = $("#theTable").add("editButtonClass").add("#"+id);
var row = editButton.parents('tr:first');
//update the current page with new row data
row.find(":eq(0)").text(name);
row.find(":eq(1)").text(value);

如果页面上只有一个表，这可以正常工作，但是由于有很多表，其中一些按钮最终具有相同的 ID（我在我的数据库表中使用自动增量），这个 function 将更新它的第一行使用 ID 查找，有效地忽略了我的 $("theTable").add("editButtonClass") 选择器！

对此的任何想法都会非常有帮助！

---

信息：我还使用以下选择器来获取编辑按钮和 id，它适用于一个表，但不适用于具有相同 id 的多个表：

var findButtonStr = "#" + id + ", editButtonClass";
var editButton = $(findButtonStr);
var row = editButton.parent().parent();

---

生成的表可能如下所示的示例：

<table id="theTable">
  <tr><td>name</td><td>value</td><td><a id="1" class="editButtonClass">Edit</a> / <a id="1" class="deleteButtonClass">Delete</a></td></tr>
  <tr><td>name</td><td>value</td><td><a id="2" class="editButtonClass">Edit</a> / <a id="2" class="deleteButtonClass">Delete</a></td></tr>
</table>

我可能在一页上有几个这样的表格，这意味着会有几行带有相同 ID 的按钮。

---

编辑：谢谢你的反对，拜托。 如果您对问题有疑问，请告诉我，我会解决它。

Answer 1

如果编辑/删除按钮包含在您要对其执行操作的行中，为什么不在按钮单击事件中使用$(this) ？

$('.editButtonClass .deleteButtonClass').click(function() {
    var $row = $(this).closest('tr');

    $(document).data('editRow', $row);
    // call dialog, have the dialog save code do this:
    //    var $row = $(document).data('editRow');
    // and then perform operations on $row
});

---

编辑：

在 HTML 代码中去掉类中的前导点。 class="editButtonClass"是你想要的。 遵循正确的语法！

Answer 2

在 Jquery 这个选择器

 $("#theTable").add(".editButtonClass")

始终只返回具有该 ID 的第一个 object。 如果您需要 select 多个 object。 您必须使用其他选择器。 如果您向我们展示您的完整标记，我们可能会更好地帮助您

编辑 - 看看你的标记，这就是你需要的，我认为

$('.\\.editButtonClass').click(function(){
   var name = $(this).closest('tr').find(":eq(0)");
    var value = $(this).closest('tr').find(":eq(1)");
   alert(name.html());  
   alert(value.html());
});

看看这里的小提琴http://jsfiddle.net/UJGeP/1/ （名称和值是您需要的 td，我提醒它们的值以表明已选择正确的 td）

Answer 3

除了重复，我很确定 ID 也不能以数字开头。

无论如何，你为什么不只使用data属性，这在这种情况下似乎是最合适的，因为无论如何你都没有将它用于任何样式。