Question

当我点击第3个TD时，我想获得第一个TD的内容我可以在点击的旁边获得TD的内容，但不能获得一个2 TD的内容我做错了什么？

HTML：

<div id="Message">Should Be replaced with Just the #1 from first TD</div>
<table border='1'>
    <tbody>
        <tr>
            <td>1</td>
            <td>xxxx</td>
            <td class="Click">Click Me</td>
        </tr>
    </tbody>
</table>

的jQuery

$('.Click').click(function () {
    alert('Fired');
    $('#Message').html($(this).prev().prev().html);
    alert('Done');
});

JSFiddle

Answer 1

您将.html称为属性，而不是.html()作为一种方法，这就是我想要的。

https://jsfiddle.net/kdew5z6w/1/

Answer 2

您呼叫html()而不是html

使用$('#Message').html($(this).prev().prev().html());

＆＃13;

$('.Click').click(function() {
  alert('Fired');
  $('#Message').html($(this).prev().prev().html());
  alert('Done');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Message">Should Be replaced with Just the #1 from first TD</div>
<table border='1'>
  <tbody>
    <tr>
      <td>1</td>
      <td>xxxx</td>
      <td class="Click">Click Me</td>
    </tr>
  </tbody>
</table>

＆＃13;

Answer 3

这很有效，你可以试试这个：

$('.Click').click(function () {
    alert('Fired');
    $('#Message').html($(this).siblings(':first').text());
    alert('Done');
});

jQuery选择sibling onclick

3 个答案: