Jquery按钮数组
Jquery button Array
我正在写一段代码,它将显示所有jquery按钮的标签class="Short"
我使用以下代码:-
$('.Short').button();
var all_short_btns = $(".Short");
for(i=0; i< all_short_btns.length; i++){
alert(all_short_btns[i].button( "option", "label" ));
}
Html是:<button class="Short">Label1</button>
<button class="Short">Label2</button>
<button class="Short">Label3</button>
<button class="Short">Label4</button>
<button class="Short">Label5</button>
<button class="Short">Label6</button>
我得到错误:
Uncaught TypeError: object#没有方法'button'
我的问题是如何为每个按钮元素获得标签?
您使用了错误的方法,使用.eq(i)
获得特定项目,然后通过调用.html()
获得文本。
jsFiddle
var all_short_btns = $(".Short");
for(i=0; i< all_short_btns.length; i++){
alert(all_short_btns.eq(i).html());
}
或者你可以使用$.each()
,但它比本地for
循环慢得多。
var all_short_btns = $(".Short");
$.each(all_short_buttons, function (i, item) {
alert(item.html());
});
更新由于OP使用jQuery UI .html()
将打印出自动生成的<span>
并包装内容。错误正在发生,因为你正在使用[i]
,它得到原始JavaScript对象时,我们需要的jQuery对象。.eq()
获取该索引处的jQuery对象
jsFiddle
all_short_btns.eq(i).button("option", "label")
这可能对你有帮助:
$(".short").each(function(){
alert($(this).text());
})
$(".short").each(function(){
alert($(this).html());
})
您可以使用innerText
属性设置或检索对象的开始和结束标记之间的文本。
所以试试这个
var all_short_btns = $(".Short");
for(i=0; i< all_short_btns.length; i++){
alert(all_short_btns[i].innerText);
}
或者你也可以使用eq(i)
来获取它。
for(i=0; i< all_short_btns.length; i++){
alert(all_short_btns.eq(i).html());
}
JS提琴示例
谢谢大家,我发现这也是工作:-
alert(all_short_btns.eq(i).button( "option", "label" ));
相关文章:
- Jquery/Javascript:通过按下按钮显示数组中的随机图像
- 使用JavaScript或jQuery检查单选按钮选择是否与数组中的项目匹配
- 我如何才能使数组中的按钮只对其作出响应'使用javascript的自己的包装器
- 如何在不使用jQuery的情况下设置数组以获取单选按钮值
- 尝试从单选按钮显示的JSON数组中调用多个对象
- 提交按钮上的Javascript onclick将输入值存储在php数组中
- 使用html按钮将元素传递给数组
- 当单击按钮时,试图使字符串数组按1乘1的顺序打印出来
- KnockoutJS:基于数组启用按钮的长度
- 创建存储按钮单击位置的数组
- 将单选按钮结果与数组值进行比较时出现函数错误
- 如何在网站上实现一个按钮,允许用户将生成的数组数据保存为ASCII文件
- php数组到基于javascript的关闭按钮点击
- 使用数组来检查一系列 JavaScript 按钮
- 尝试在JavaScript中制作下一步按钮以显示JSON数组
- 如何通过单击显示数组和按钮
- 将挖空单选按钮值的值存储在可观察数组中
- 使用显示/隐藏单选按钮将数组打印到 Div
- 使用 2 个不同的函数删除 2 个按钮数组中包含的按钮上的 css 类
- 如何通过单击 XPage 上的按钮将附件内容读入数组或字符串