獲取表中的父元素

Question

我正在嘗試在表中獲取父元素。 我有一個復選框，我想檢查復選框的父元素。

例如

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

在我的getValue函數中，我想獲取值125.55。 循環內的表中將具有倍數復選框。 有誰知道我如何獲得這個價值？ 我可以使用JQuery或僅使用JS。

謝謝

Answer 1

試試這個片段

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

Answer 2

在這里，您可以使用解決方案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>