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/

＆＃13;

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

＆＃13;

<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>

＆＃13;

获取表中的父元素

2 个答案: