Selecting element with specific class and value

Question

How to select element with class MyClass and value MyValue, but without using each? I tried something like:

$(".MyClass").find("[value='MyValue']")
$(".MyClass[value='MyValue']")

This is example: http://jsfiddle.net/HQaG5/ It works if i use hard coded value for select element.

And how did that fail? What went wrong? What HTML are you working with? — David Thomas, Jun 13 '14 at 11:49
It's hard to see your problem, the second one does what you seem to want. Can you build a [fiddle](http://jsfiddle.net) ? — Denys Séguret, Jun 13 '14 at 11:49
unless the element is an input or you specifically set the attribute "value", value will not exist — andrew, Jun 13 '14 at 11:51
does op said, he want to get the object according to 'html' or 'text' instead of 'value'? — Anoop Joshi P, Jun 13 '14 at 11:58
Um, your example doesn't work. But this one does: http://jsfiddle.net/HQaG5/2/ — Anthony, Jun 13 '14 at 12:39

score 1 · Answer 1 · answered Jun 13 '14 at 11:53

1

You want :contains() :

$( ".MyClass:contains('MyValue')" )

answered Jun 13 '14 at 11:53

Anthony

36,459
25
97
163

score 0 · Answer 2 · edited May 23 '17 at 10:33

0

Take a look here: jquery find element by text

You can use the :contains selector to find elements containing text.

But if you want to match an exact string then .filter is the better option

edited May 23 '17 at 10:33

Community

1
1

answered Jun 13 '14 at 11:54

andrew

9,313
7
30
61

Anton · Answer 3 · 2014-06-13T12:03:48.247

0

If the element is an input and you want to search after property value you can use .filter()

$('.MyClass').filter(function(){
       return this.value=="MyValue";
});

DEMO

edited Jun 13 '14 at 12:03

answered Jun 13 '14 at 11:54

Anton

32,245
5
44
54

the op doesn't want to use loops – zzlalani Jun 13 '14 at 11:58
@zzlalani - are you with the OP? I don't see anywhere in the question that mentions that. – Anthony Jun 13 '14 at 12:00
`but without using each` – zzlalani Jun 13 '14 at 12:00

score 0 · Answer 4 · answered Jun 13 '14 at 12:35

If you are looking to get the select box element that has the specified value selected (which seems to be the case based on your fiddle), then you can use this…

$(".MyClass option:selected[value='MyValue']").parent()

DEMO

However, I would question why you want to do this, as it seems kind of backwards.

Selecting element with specific class and value

4 Answers4