在另一个 td 孩子的表中查找 td

Question

Basically i want to find the value of the td element of the class "number" value when i press the input button.

<table id="tableid">
 <tbody>
         <tr>
            <td> </td>
            <td class="number"> 5 </td>
            <td> </td>
            <td> </td>
            <td><input type="button" onclick="value(this)"></td>
        </tr>
 </tbody>
</table

This is the javascript which is not working:

function value(row) {
    var number = row.parentNode.parentNode.find("td:eq(1)").text(); 
    alert(number)
 }

What i'm missing?

Answer 1

$(row).closest('tr').find('.number').text();

Use closest to go up to the row, then find the element by its class, and then get its value.

Answer 2

Hello I assume this is general question and you are not asking for finding dynamically created table. I suggest you to go classic JAVASCRIPT

function myFunction() {
  var x = document.getElementsByClassName("number")[0].innerHTML;
  alert(x);
}

Cheers