获取表中的父元素

Question

I'm trying to get the parent element in a table. I have a checkbox and I want to check the checkbox parent element.

For example

    <td> <a href="./index.html?p=10">$125.55</a> </td>
<td> <input type="checkbox" onChange="getValue(this);" /> </td>

In my getValue function, I would like to get the value 125.55. It will have multiples checkbox in the table inside a loop. Does anyone know how can I get this value? I can use JQuery or just JS.

Thanks

Answer 1

Try this snippet

function getValue(checkbox){
return checkbox.parentElement.parentElement.cells[0]
     .getElementsByTagName("a")[0].innerHTML;
}

Answer 2

Here you go with the solution https://jsfiddle.net/21vdgoou/1/

 getValue = function(e){ console.log($($(e).parent().prev().children()[0]).text()); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tbody> <tr> <td> <a href="./index.html?p=10">$125.55</a> </td> <td> <input type="checkbox" onChange="getValue(this);" /> </td> </tr> <tr> <td> <a href="./index.html?p=10">$195</a> </td> <td> <input type="checkbox" onChange="getValue(this);" /> </td> </tr> <tr> <td> <a href="./index.html?p=10">$155</a> </td> <td> <input type="checkbox" onChange="getValue(this);" /> </td> </tr> </tbody> </table>