Question

我有一个html表，其中包含一些html：

<tr>

 <td>A</td>
 <td>B</td>
 <td>C</td>
 <td style="width: 10%">
  <img src="sign-add.png" alt="Add Member" id="img_123" data-id="123" style="cursor:pointer;" title="Add Member" />
 </td>
</tr>

在图片上点击我想获得closest tr html但是last td（即td with image）应该排除，并且应该包含<tr>标记。这意味着html output应该是这样的：

<tr>
 <td>A</td>
 <td>B</td>
 <td>C</td>     
</tr>

我试过这个：

 $("#img_" + empCode).closest("tr").html();

但未满足我的要求。

我该怎么做？

Answer 1

尝试

var empCode = 123
var html = $("#img_" + empCode).closest("tr").clone().find('td:last').remove().end().prop('outerHTML');

snippet.log(html)

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td style="width: 10%">
      <img src="sign-add.png" alt="Add Member" id="img_123" data-id="123" style="cursor:pointer;" title="Add Member" />
    </td>
  </tr>
</table>

获取最近的tr html，不包括最后一个

1 个答案: