Question

例如，如果我有这样的HTML：

<div id="id">
  <div class="class1">
    <div class="class2" name="name1"></div>
    <div class="class2" name="name2"></div>
    <div class="class2" name="name3"></div>
  </div>
</div>

我有很多具有不同id值的div。以<div id="id">为起点时，可以按名称属性的值查找并选择元素吗？

Answer 1

您可以使用jQuery选择器执行此操作。 http://api.jquery.com/category/selectors/

这样的东西会给你一个div元素。

$('div[name=name1]')

您也可以将此方法用于其他属性。由于选择器只是一个字符串，因此您可以从一个javascript块轻松构建选择器。

Answer 2

是的，当然，使用"attribute equals"选择器，例如：

$('#id div[name="foo"]').

将找到name="foo"的所有div，这些div是ID为id的div的后代（直接或其他）。

Answer 3

你也可以这样做

$('div').attr('custom:attr')

Answer 4

以下是如何通过参数直接选择标记的示例：

$('div[name=name1]').dosomething();

如果您想在页面加载后使用“id”旁边添加“name”属性：

$(document).ready(function() {
      $('div#id').attr('name','name1');
});

jquery - 按属性查找元素

4 个答案: