I need help accessing a button inside a div

Question

I'm trying to update the value attribute of a button inside a table cell.

I'm iteration over each cell and my code looks like this:

for (var i = 0, cell; cell = table.cells[i]; i++) {                            
    $(cell).find('.btn btn-default').val("new value");                  
}

But this doesn't work.

My 'cell' looks like this:

<div class=\"list-element\">
<a class=\"glyphicon glyphicon-link\" href=\"www.somelink\"></a>
<input class=\"btn btn-default\" type=\"button\" value=\"some stuff\">
<label class=\"label label-success\">stuff</label>
</div>

So i want to change "some stuff".

Any help would be greatly appreciated.

And a bit more info following @Satpal comment - you you are currently looking for is an element with the `.btn` class that has the element `` inside it (`` doesn't really makes sense, right?). If you want to target element by multiple classes you should use `.class1.class2.class3` — Dekel, Oct 20 '16 at 10:06
@KevinKloet, read the other comments... and check your code before posting (because it's wrong) — Dekel, Oct 20 '16 at 10:07

score 4 · Accepted Answer · answered Oct 20 '16 at 11:49

4

Try this:

   for (var i = 0, cell; cell = table.cells[i]; i++) {                            
            $(cell).find('.btn.btn-default').val("new value");                  
        }

Remove space in find method

answered Oct 20 '16 at 11:49

Atul Mishra

298
2
11

score 1 · Answer 2 · edited Oct 20 '16 at 12:47

1

   for(var i = 0, cell; cell = table.cells[i]; i++) {                            
        $(cell).find('.btn .btn-default').val("new value");                  
    }

edited Oct 20 '16 at 12:47

DCruz22

806
1
9
18

answered Oct 20 '16 at 11:44

user2362008

51
8

I need help accessing a button inside a div

2 Answers2