Jquery通过部分名称获取类名

Question

您好，我正在制作一个脚本来检查与主复选框相关的所有从属复选框。这将使用类来完成。因此，主复选框将具有“master1”、“master2”等类。相关的从属复选框将具有“slave1”类(与 master1 相关)、“slave2”类(与 master2 相关)等。

所以我将从以下开始:

jQuery('.checks_div input[type="checkbox"].^="master"').click(function(){

因此，当单击主服务器时，我想选择所有相关的从服务器并检查它们。但如何呢？

谢谢

Answer 1

$('input[type="checkbox"][class^="master"]').on("click",function(){})

但是委派更好

$(document.body).on('click','input[type="checkbox"][class^="master"]',function(){})

然后在点击函数中，如果您的从属设备位于主复选框的相邻 div 中

var $slaves=$(this).next().find('input[type="checkbox"][class*="slave"]')

如果 html 不同，我们会想出一种方法来从刚刚选中的框 $(this) 中选择那些奴隶

一旦你的奴隶进入 jquery 对象，检查它们:

$slaves.prop('checked', true);

参见Setting "checked" for a checkbox with jQuery?

如果你除了检查它们之外什么都不做，你甚至不需要将你的从属缓存在 jquery 对象中

 $(this).//chain to select slaves
        .prop('checked', true)