jQuery查找所有属性

jQuery find all attr rel

本文关键字：属性 查找 jQuery      更新时间：2023-09-26

我有一个选择下拉列表：

<select id="category">
  <option value="cat1">Category 1</option>
  <option value="cat2">Category 2</option>
</select>

我有这样的代码，每次我从下拉列表中选择某个东西时，它都会获取值，然后找到相同的类，并将其显示在最后一行上

$('#category').change(function () {
    var selected_category = $(this).val();
    $('#sub-category').find('.option').hide();
    $('#sub-category').find('.'+selected_category).show();                              
});

我只想更改而不是类，这样它就会找到属性rel

**已编辑**

您绝对不需要jQuery。以下是查找rel属性为"sub-cat1"的所有选项标签的代码：

document.querySelectorAll('option[rel="sub-cat1"]')

以上内容将适用于IE8及更高版本，它应该满足您需要支持的所有浏览器。jQuery解决方案类似，使用相同的选择器字符串：

$('option[rel="sub-cat1"]')

此外，您不需要添加一类"选项"。只需使用选项标签名称进行选择。

您的答案可能有其他方法。使用jquery try，

$       (".classname").each(function(){  
//iterate over similar *classname* elements one by one
$(this).someFunc(); //it will help you to preform operation at current value while iteration
});

使用rel，如果您想迭代rel标记值，请尝试

$("[rel='sub-cat-1']").each(function(){
//Some operation
});
相关文章：