Javascript 在JQuery上添加大部分id

如何在我的$（）中添加一个新的id，在这段代码中我只添加了一个id，但我还需要添加其他id。 谢谢

---

您可以添加逗号分隔的选择器列表：

$('#editable-detail, #editable-detail2').editableTableWidget();

你要么喜欢：

$('#editable-detail, #editable-detail2, #editable-detail3').editableTableWidget();

或（推荐）：

使用类而不是id（您应该为它们提供相同的类）：

---

如果要使用jQuery选择多个ID，只需用逗号分隔它们

$('#editable-detail, #otherID').editableTableWidget();
  $('#editable-detail td.uneditable').on('change', function(evt, newValue) {
  return false;
});

---

您可以在这里看到它的作用：

您可以添加逗号来分隔它们

$('#editable-detail, #otherid').editableTableWidget();

---

您可以使用逗号通过多个选择器选择多个元素：

$('#editable-detail1, #editable-detail2').editableTableWidget();

或者，您可以将一个类，比如说

可编辑表小部件

，放在您希望这样做的对象上，然后按类选择：

$('.editable-table-widget').editableTableWidget();

这就剩下剩下剩下的代码来处理了，因为我认为您可能希望将相同的

change

事件绑定到子元素。（注意：您将更改事件绑定到

td

元素…这很奇怪…）

您的原始代码：

$('#editable-detail').editableTableWidget();
$('#editable-detail td.uneditable').on('change', function(evt, newValue) {
    return false;
});

最好写为以下两个选项之一：

$('#editable-detail')
    .editableTableWidget()
    .find('td.uneditable')
        .on('change', function(evt, newValue) {
            return false;
        });

或：

此更改是有益的，因为您不需要在DOM中查询ID为

可编辑详细信息的元素

有了该更改，您可以应用有关使用逗号或带有此更改的类的课程，并使用以下内容替换整个代码示例：

$('.editable-table-widget')
    .editableTableWidget()
    .find('td.uneditable')
        .on('change', function(evt, newValue) {
            return false;
        });

谢谢，如果我这样做，第一个id不起作用，所以只有第二个id起作用：（听起来可能还有其他问题，因为选择器不应该有任何问题。在第二个变量中，是否需要添加第二个id？@user3680708，我添加了一个JSFIDLE。只要语法相同，就不应该出现任何选择器问题。谢谢，第1个选项没问题，但在我的代码中不起作用。。所以t第二个选项对我来说是最实用的：）
$('#editable-detail')
    .editableTableWidget()
    .find('td.uneditable')
        .on('change', function(evt, newValue) {
            return false;
        });

var editableDetail = $('#editable-detail').editableTableWidget();

editableDetail.find('td.uneditable').on('change', function(evt, newValue) {
    return false;
});

$('.editable-table-widget')
    .editableTableWidget()
    .find('td.uneditable')
        .on('change', function(evt, newValue) {
            return false;
        });