如何使用jQuery选择具有相似属性的元素？

Question

首先，对于标题感到抱歉，我知道这不是很具体，但我真的很难说还有什么要说的。

所以之前我尝试在我的问题是什么罗嗦了，你不妨看看这个的jsfiddle我做： http://jsfiddle.net/ax1ncdmu/2

它是如何工作在这个小提琴正是我希望的方式工作，但正如你所看到的，jQuery是这样的：

$(document).ready(function() { 
    $("input[name=guest0]").click(function() { 
    $('#guest0').toggle(); 
    }); 
    $("input[name=guest1]").click(function() { 
    $('#guest1').toggle(); 
    }); 
    $("input[name=guest2]").click(function() { 
    $('#guest2').toggle(); 
    }); 
}); 

但似乎很草率写出这样的代码，只是在重复同样的事情一遍又一遍。我觉得这应该是显而易见的，但之前我没有使用jQuery，所以我很难找出它。

有没有办法找出被点击的复选框的“名称”，然后使用该字符串插入代码？或者这是错误的方式呢？

Answer 1

您可以使用jQueries attribute-starts-with-selector：

$(document).ready(function() { 
    // all inputs that its name starts with "guest" 
    $("input[name^=guest]").click(function() { 
    // read the name and apply to id 
    $('#'+$(this).attr('name')).toggle(); 
    }); 
}); 

看到它的工作：

http://jsfiddle.net/ax1ncdmu/7/