Question

我有一个选择下拉列表：

<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

** 已编辑 **

Answer 1

你绝对不需要jQuery。这是查找所有选项标签的代码，其rel属性为＆＃34; sub-cat1＆＃34;：

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

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

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

此外，您不需要添加一类＆＃34;选项＆＃34;。只需使用选项标签名称选择。

Answer 2

您的答案可以有另一种方式。使用jquery尝试，

$       (".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
});

jQuery找到所有attr rel

2 个答案: