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

Question

首先，对标题感到抱歉，我知道它不是很具体，但我真的不知道还能说什么。

因此，在我尝试详细说明我的问题之前，您不妨看看我制作的这个 jsfiddle: http://jsfiddle.net/ax1ncdmu/2

它在这个 fiddle 中的工作方式正是我希望它工作的方式，但正如您所见，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/