javascript - 为现有复选框生成标签以与 jQuery UI 一起使用

Question

我希望能够使用 jQuery UI buttons 设置页面上所有复选框的样式。然而，许多按钮没有标签。有没有办法我可以做这样的事情:

$(".unlabeled-checkbox").append("<label> </label>").button();

还要正确填写标签的“for”属性？

Answer 1

您可以向 wrap() 方法传递一个要执行的函数，试试这个:

$('.unlabeled-checkbox').wrap(function() {
    return $('<label></label>').attr('for', $(this).prop('name'));
});

在函数中，this 将引用数组中当前的 .unlabeled-checkbox 元素。