jQuery-如何对所选元素执行“每个”功能？

Question

我想禁用屏幕上的所有按钮。

我已经试过了：

$(":button").each(function () {
    $(this).attr("disabled", true);
});

它不起作用，我认为我没有正确使用“ this”一词。

编辑：按钮在表格单元格中

我已经尝试过类似的方法，但是它不起作用：

$("#gameboard-table tbody tr td button").attr("disabled", true);

Answer 1

用于<button>标签

$("button").attr("disabled", true);

用于<input type="button">标签

$("input[type=button]").attr("disabled", true);

FOR JQuery 1.6+将attr更改为prop

或简单地用纯JavaScript编写禁用行

$("button, input[type=button]").each(function () {
    this.disabled=true;
});

更新：

如果要禁用动态创建的按钮，请确保在创建按钮之后而不是在页面加载之前/加载页面时运行代码。

如果使用的是Ajax，则在使用按钮更新表之后，需要禁用ajax成功功能上的按钮。

以下是您需要执行的操作的示例：

var options = {
    type: "POST",
    //...
    //more ajax vars 
    //...
    success: function (response) {

        //...
        //update your table with the buttons,
        //...

        //disable buttons using one of the methods from above:
        $("button, input[type=button]").each(function () {
            this.disabled=true;
        });
    }
};
$.ajax(options);

Answer 2

无需使用each() 。 完全可以使用

$(":button").attr("disabled", "disabled");

要么

$(":button").attr("disabled", true);

 <button>x</button> <button>y</button> <button>x</button> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script> $(":button").attr("disabled", "disabled"); //$("button").attr("disabled", true); </script> 

Answer 3

请尝试以下代码

//for <button> tags --> pls uncomment below line 
      $(":button").attr("disabled", "disabled");



    //Even your code works !!!! ---> uncomment below lines to see

    $(":button").each(function () {
       //$(this).attr("disabled", true);
    });

据我检查，即使在桌子上也可以正常工作，

这是我的jsfiddle链接 ： http : //jsfiddle.net/hiteshbhilai2010/9tzhabzw/16/

编辑：

请尝试下面的小提琴和代码

JSFIDDLE ： http : //jsfiddle.net/hiteshbhilai2010/9tzhabzw/32/

//for <button> tags --> pls uncomment below line 
 // $(":button").attr("disabled", "disabled");


$(":button").click(function(){
//alert(this.id);
})

$(".btn1").click(function(){
$("#mytable").append("<tr><td>"+'<button class = "btn" >new button</buttton>'+"</td></tr>");
})

//Even your code works !!!! ---> uncomment below lines to see


jQuery('body').on("click", "#click5", function() {
      $(".btn").each(function () {
       $(this).attr("disabled", true);
    });
})

jQuery('body').on("click", "#click6", function() {
      $(".btn").each(function () {
       $(this).attr("disabled", false);
    });
})

这就是为什么动态生成的div点击不起作用的原因：

在jQuery中，如何将事件附加到动态html元素？

Click事件不适用于动态生成的元素