How to select the button element with a certain value using jquery?

Question

I'm having a hard time selecting all the buttons with value "bar" using jquery.

<div id="1">

   <button>foo</button>
   <button>bar</button>

   <button>foo</button>
   <button>bar</button>

</div>

please note I must start the select from div with id="1"

so something like ... $(#"1 button ....")

Thanks!

danronmoon · Accepted Answer · 2014-02-06 23:53:18Z

5

$('#1').children('button').filter(function () {
    return $(this).text() === 'bar';
});

answered Feb 6, 2014 at 23:53

danronmoon

3,8735 gold badges36 silver badges58 bronze badges

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

2 Comments

Sorry I tried this and i'm hiding the bars, but won't work. see: jsfiddle.net/jtQcF

You need to load jQuery: jsfiddle.net/jtQcF/1... check your console for errors, it's your friend!

Louis Huppenbauer · Accepted Answer · 2014-02-07 00:01:10Z

2

You could use the :contains() selector

$("#1 button:contains('bar')");

answered Feb 7, 2014 at 0:01

Louis Huppenbauer

3,7141 gold badge20 silver badges24 bronze badges