使用 JQuery 获取所有数据绑定值
Getting All Data-Bind Values Using JQuery
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);
})
}
以上是我的函数,我想读取所有具有属性数据绑定的输入,例如
<input type="text" id="frmIn1-Officer" data-bind="value: AOfficer" class="InputText"/>
^ 当运行我的函数时,我希望它返回"AOfficer",因为这是数据绑定值。
所以一个例子是
<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"/>
在每个循环中,我希望能够使用数据绑定的值。例如,值[0] = 'AOfficer1'
对不起,如果我的解释有点混乱,我脑子里的想法很完美,但试图把它写下来要困难得多。
jQuery对"data-something"属性的解释与其他属性不同。 因此,您应该选择所有元素并查找它们的数据绑定,如下所示:
$(document).ready(function(){
$('input.InputText').each(function(){
var input = $(this);
if ($(input).data().bind) {
alert($(input).data().bind);
}
});
});
然后你可以做字符串操作来解析你的值,我建议使用 JSON 并像对象一样加载它。 这是一个工作小提琴:http://jsfiddle.net/3NERK/6/
您可以通过 jQuery 属性选择器 - $("[data-bind]")
搜索任何具有data-bind
属性的元素,然后使用 .each()
对其进行迭代并从中构造dataBinds
数组,从每个值中剥离value:
。
这将解决问题:
dataBinds = [];
$("[data-bind]").each(function(){
dataBinds.push($(this).attr("data-bind").substring(7));
});
我设置了一个例子:http://jsfiddle.net/dvirazulay/YPnwQ/
$( "[data-bind]" ).each( function() {
var elem = $( this );
alert( elem.data( "bind" ) );
});
http://jsfiddle.net/NhNhK/
获取具有data-bind
属性的所有元素:$('[data-bind]')
迭代这些元素并操作数据绑定属性:
$('[data-bind]').each(function(element,index){
var data_bind = $(element).data('bind');
alert(data_bind);
})
您可以将 .data()
方法与 .each()
一起使用来实现此目的。
演示
$('input').each(function() {
var $this = $(this);
alert($this.data('bind').replace("value: ", ""));
});
相关文章:
- Angularjs和Jquery日期选择器数据绑定
- jQuery将数据绑定到动态创建的对象的单击事件
- 显示具有 MVC 数据绑定视图模型 ASP.NET JQuery 对话框的最佳方式
- 使用 JQuery 获取所有数据绑定值
- 如何使用挖空或 jquery 对数据绑定列求和
- jQuery Mobile 选择菜单数据绑定
- 使用 Jquery JSON 将数据绑定到 Asp.net HighCharts
- jQuery MapSvg 将数据绑定到区域参数
- 绑定jquery数据表给出错误“”;请求的未知参数'0'来自行0”的数据源;
- 使用jQuery的数据绑定无法使用chrome
- 使用jQuery构建基本数据绑定,但变量的作用域不正确
- 使用jQuery将数据绑定到html
- 使用ngSanitize希望添加带有Angular数据绑定代码的jQuery onClick()
- 无法使用jQuery触发Knockout数据绑定
- 如何从ajax数据动态绑定jquery静态数据
- 数据绑定JQuery UI DatePicker
- 我不能在AngularJS中重写我所有的jQuery网站,而我真的需要双向数据绑定
- jQuery:如何改变点击事件的数据绑定
- 使用jquery进行双向数据绑定
- 使用JQuery设置输入值后,数据绑定不会更新