Question

我有一个包含4个tablecells的html表： 1：复选框 2.标签 3.文本框 4.标签

点击复选框后，会弹出一个jquery函数，但是我试图获取复选框旁边的值。我在下面试过，但没有任何作用。我知道我很亲密。非常感谢任何帮助。

$(this).next()
$(this).nextSibling
$(this).nextSibling.childNodes[0]


 <table id="MainContent_cockpitTable" style="width:80%;">
  <tr>
<td>
      <input id="MainContent_check_FLIGHT DECK1" type="checkbox" checked="checked"/>    
    </td>
     <td>Pilot</td>
     <td><input "type="text" value="86.2" maxlength="10" id="MainContent_input_FLIGHT DECK_weight1" />
     </td>
     <td><span id="MainContent_input_FLIGHT DECK_arm1" style="display:inline-block;width:50px;">255.0</span></td>
</tr>
 </table>

Answer 1

$(this).parents('tr').find('label').text()

http://jsfiddle.net/7jnTF/2/

Answer 2

$(this).next('td').html();

或

$(this).next('td').text();

这应该有用 - （我认为）你有类似

的东西

<table>
  <tr>
    <td> <input type=checkbox .... /> </td>
    <td> YOU WANT THIS LABEL </td>
    <td> <input type=textbox ..... /> </td>
    <td> ANOTHER LABEL </td>
  </tr>
</table>

Answer 3

工作演示 http://jsfiddle.net/suSkb/

您的案例特定演示 http://jsfiddle.net/7nyn8/

请注意：classes可以有空格，但不能id，id应该是唯一的。

希望它适合您的事业:)

<强>代码

$('.hulk').click(function(e) {
    alert($(this).parents('tr').html());
     alert('Lable HTML = > ' + $(this).parents('tr').find('lable').text())   
});

<强>进一步

$('.hulk').click(function() {
    alert($(this).parents('tr').html());
    alert('Pilot here:=> ' + $(this).parent().next().html());
    alert('Lable HTML = > ' + $(this).parents('tr').find('span').text())
});

使用JQuery获取表值

3 个答案: