jQuery find all attr rel

Question

I have a this select dropdown:

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

and I have this code that everytime I select something form the dropdown it takes the value and find the same class and show it on the last line

$('#category').change(function () {
    var selected_category = $(this).val();

    $('#sub-category').find('.option').hide();
    $('#sub-category').find('.'+selected_category).show();                              
});

I just want to change instead of class so it will find the attribute rel

** edited **

You just changed your question in a way that invalidates existing answers to some degree. You originally asked to find all option elements w/ a rel attribute of "sub-cat1". — Ray Nicholus, Jul 19 '16 at 02:36
Yes sorry, can you help me with that? I appreciate your help! — Nelson Denver, Jul 19 '16 at 02:36
Possible duplicate of [jQuery how to find an element based on a data-attribute value?](http://stackoverflow.com/questions/4191386/jquery-how-to-find-an-element-based-on-a-data-attribute-value) — Dave, Jul 19 '16 at 02:39
Are you looking to find any option tag that _also_ has a rel attribute as well? Or something else? Please be specific. — Ray Nicholus, Jul 19 '16 at 02:40
Wow, thanks, really important stuff, I'll try to find a solution for that — Nelson Denver, Jul 19 '16 at 05:01

Ray Nicholus · Answer 1 · 2016-07-19T02:34:23.333

2

You definitely don't need jQuery for this. Here's the code to find all option tags with a rel attribute of "sub-cat1":

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

The above will work in IE8 and up, which should satisfy all browsers you need to support. The jQuery solution is similar, and uses the same selector string:

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

Furthermore, you don't need to add a class of "option". Simply select using the option tag name.

edited Jul 19 '16 at 02:34

answered Jul 19 '16 at 02:27

Ray Nicholus

19,538
14
59
82

Sorry that I changed the question – Nelson Denver Jul 19 '16 at 02:56

Santosh D · Answer 2 · 2016-07-19T03:07:10.930

1

There can be an alternate way to your answer. Using 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
});

With rel if you want to iterate over rel tag values , try

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

edited Jul 19 '16 at 03:07

answered Jul 19 '16 at 02:55

Santosh D

1,172
2
7
5

jQuery find all attr rel

2 Answers2