javascript - 使用 JQuery 获取所有数据绑定(bind)值

Question

    function getDbValue()
{
    alert($('[data-bind]').length);
    alert($('[data-bind][0].data-bind'));
    alert($('[data-bind][0].value'));
    jQuery.each($('[data-bind]'), function(databind,key)
    {
        alert(key);
        alert(databind);
        alert(databind[key].data-bind);
    })

}

上面是我的函数，我想读取所有具有属性数据绑定(bind)的输入，例如

<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer" class="InputText"/>

^ 当运行我的函数时，我希望它返回“AOfficer”，因为这是数据绑定(bind)值。

举个例子

<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer1" class="InputText"/>
<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer2" class="InputText"/>
<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer3" class="InputText"/>
<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer4" class="InputText"/>
<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer5" class="InputText"/>
<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer6" class="InputText"/>

在 for each 循环中，我希望能够使用数据绑定(bind)的值。例如 values[0] = 'AOfficer1'

抱歉，如果我的解释有点令人困惑，我脑子里的想法很完美，但尝试将其写成文字要困难得多。

Answer 1

jQuery 以不同于其他属性的方式解释“data-something”属性。因此，您应该选择所有元素并像这样查找它们的数据绑定(bind):

$(document).ready(function(){
    $('input.InputText').each(function(){
        var input = $(this);
        if ($(input).data().bind) {
            alert($(input).data().bind);
        }
    });
});​

然后您可以执行字符串操作来解析您的值，我建议使用 JSON 并将其像对象一样加载。这是一个工作 fiddle :http://jsfiddle.net/3NERK/6/