javascript - 使用jquery查找data*属性而不指定标签

Question

正在尝试制作一个小型数据绑定(bind) javascript 库，但我对 javascript 有点陌生。有没有办法只找到元素以及定义了 data-bind 属性的所有封闭元素？

<form data-bind="Customer">
    <input type="text" id="name" data-bind="Name" data-bind-type="text" />
    <input type="text" id="birthday" data-bind="Birthday" data-bind-type="text" />
    <input type="text" id="address" data-bind="Address" data-bind-type="text" />
</form>

我想定义一个函数，我只需传入“Customer”值，它将找到具有 data-bind =“Customer”(在本例中为表单)的标签以及所述包含标签中具有定义的数据绑定(bind)属性。在本例中，它将返回所有 3 个输入标签，以便我可以进一步检查它们。

我所看到的使用 jquery 执行此操作的所有内容都表明我需要知道“表单”或标记 id 才能执行此操作，但我不希望必须指定标记(如表单)或 id .

Answer 1

您可以通过以下方式操作特定 data-bind 元素中的所有 data-bind 元素:

$('[data-bind="Customer"] [data-bind]');

如果您想将其包装在函数中，例如，如果您需要使用不同的 data-bind 属性值访问其他包装器元素，您可以这样做:

function getBoundElms(name) {
    return $('[data-bind="' + name + '"] [data-bind]');
}