Get value of button inside TD datatables

Question

See the following HTML:

i need to get the value (417762) of this button. I"m trying to do it like this but it doesn't work (see the else clause beneath). I get "undefined" all the time.

$('#migrationssearchtable tbody').on('click',
            'td.details-control',
            function() {
                var tr = $(this).closest('tr');
                var row = table.row(tr);

                if (row.child.isShown()) {
                    row.child.hide();
                    tr.removeClass('shown');
                }
                else {

                    var v = tr.find(".details-control"); // this finds the HTML of the TD
                    var o = v.find(".btn btn-requeue"); // this does not work, gives undefined.  


                }
            }
        );

fix this class=" details-control" => class="details-control" — Pedram
– Pedram, Commented Dec 19, 2017 at 7:44
Also i think $(document).on('click', 'td.details-control', function() { is better. — Pedram
– Pedram, Commented Dec 19, 2017 at 7:48

Faraz PV · Accepted Answer · 2017-12-19 07:59:16Z

2

Replace

var o = v.find(".btn btn-requeue");

With

var o = v.find(".btn.btn-requeue");

You can check the fiddle

http://jsfiddle.net/rgs5a1xy/5/

edited Dec 19, 2017 at 7:59

answered Dec 19, 2017 at 7:46

Faraz PV

5222 silver badges11 bronze badges

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

Comments

JasperZelf · Accepted Answer · 2017-12-19 07:53:26Z

You're looking for v.find(".btn btn-requeue");. Notice that btn-requeue has not got a period in front of it. That means it jQuery will be looking for an element with a btn-requeuetag inside of the element with the btnclass.

The correct way would be .btn.btn-requeue, or just .btn-requeue.

I've changed it to v.find(".btn.btn-requeue"); in the code below, and that seems to do the trick.

$(function(){

	$('#migrationssearchtable tbody').on('click', 'td.details-control',function() {
		var tr = $(this).closest('tr');
  	var v = tr.find(".details-control"); // this finds the HTML of the TD

  	var o = v.find(".btn.btn-requeue"); 
   alert('the value is: '+o.val());
  });
  
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="migrationssearchtable">
<tbody>
<tr>
  <td class="details-control">
    <button class="btn btn-requeue" value="417762">
    ++
    </button>
  </td>
</tr>
</tbody>
</table>

Collectives™ on Stack Overflow

Get value of button inside TD datatables

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related