How to find input with specific value

Question

requirement, want to find the input fields that have been entered specific

html,

<ul class="test-list">
<li>
   <input class="test-input">
</li>
<li>
   <input class="test-input">
</li>
<li>
   <input class="test-input">
</li>
</ul>

example,

if the user entered "test1", "test2", "test3" in each input field

i tried javascript,

$('.test-list').find('.test-input [value="test1"]')

and i expect getting the input field that have entered test1, but it returns 0 array :(

i tried filter() and witht his it works, but i want to find it directly like the first one.

var value = $('test-list').find('.test-input').attr('value'); — magicspon
– magicspon, Commented Jun 18, 2014 at 10:52

Milind Anantwar · Accepted Answer · 2014-06-18 10:57:39Z

4

test-input is classname and not tagname. also you need to remove the space in name-value selector and .test-input. You need to use:

$('.test-list').find('.test-input[value="test1"]');

you can also narrow down selector to:

$('.test-list [value=test1]');

Working Demo

edited Jun 18, 2014 at 10:57

answered Jun 18, 2014 at 10:50

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Alex Char Over a year ago

Doesn't required $('.test-list') ?

Milind Anantwar Over a year ago

@Canna: did you removed the space in between selector.

martynas · Accepted Answer · 2014-06-18 10:51:39Z

1

Your code doesn't work because you are missing a dot
Use find() to descend into child nodes and a [value="x"] selector

Solution:

$('.test-list').find('.test-input[value="test1"]');

Resources:

answered Jun 18, 2014 at 10:51

martynas

12.3k3 gold badges59 silver badges61 bronze badges

Comments

num8er · Accepted Answer · 2014-06-18 10:54:23Z

1

doing [value="test1"] is not rational solution.
what if an element has no "value" attribute?
so I'll do it like this:

$('.test-list').find('.test-input').each(function(){
    var $this = $(this);
    if($this.val() == 'test1') {}
});

answered Jun 18, 2014 at 10:54

num8er

19.5k4 gold badges50 silver badges61 bronze badges

Comments

Balachandran · Accepted Answer · 2014-06-18 10:57:45Z

1

try

you missed .class selecor

$('.test-list').find('.test-input [value="test1"]')

DEMO

edited Jun 18, 2014 at 10:57

answered Jun 18, 2014 at 10:51

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

Comments

RGS · Accepted Answer · 2014-06-18 10:51:06Z

0

$('.test-list').find('.test-input[value="test1"]')

answered Jun 18, 2014 at 10:51

RGS

5,2217 gold badges44 silver badges69 bronze badges

Collectives™ on Stack Overflow

How to find input with specific value

5 Answers 5

2 Comments

Solution:

Comments

Comments

DEMO

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related