Question

假设我有下表：

    <table>
      <tr>
        <td>John, René<br /><small>2 street of Blue Ocean<br />Canada</small></td>
        <td><a href="#" class="btn">Select</a></td>
      </tr>
      <tr>
        <td>Travis, Ford<br /><small>12 street of October 5th<br />Canada</small></td>
        <td><a href="#" class="btn">Select</a></td>
      </tr>
    </table>

    <div id="box"></div>

如果点击Select按钮，我可以在<td>中的上一个div#box获取HTML？

其实我有：

$('.btn').on('click', function() {
    var html = $(this).prev().html();
    $('#box').html(html);
    alert(html);
});

jsFiddle在这里：https://jsfiddle.net/n1apyqkv/

感谢。

Answer 1

使用

var html = $(this).closest('td').prev('td').html();

closest('td')将在dom中向上，直到找到td，而td您现在可以转到prev（仅适用于此对于同一父母下的元素 - 又名兄弟姐妹）

点击jQuery后获取前一个元素html（）

1 个答案: