【问题标题】:Get Closest tr html excluding last td获取最近的 tr html,不包括最后一个 td
【发布时间】:2017-01-03 07:13:02
【问题描述】:

我有一个 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) 应该排除并包含&lt;tr&gt;标签。这意味着html output应该是这样的:

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

我试过这个:

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

但不能满足我的要求。

我该怎么做?

【问题讨论】:

    标签: jquery html html-table


    【解决方案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>

    【讨论】:

    • 谢谢@Johny..我期待你回答..;)
    猜你喜欢
    • 2014-09-23
    • 2015-03-27
    • 2013-02-26
    • 1970-01-01
    • 2011-12-09
    • 2012-09-10
    • 1970-01-01
    • 1970-01-01
    • 2015-01-22
    相关资源
    最近更新 更多