Jquery在当前td之后在td中查找文本

时间:2015-05-29 18:15:20

标签: jquery

我在Rails 3.2应用程序中使用Jquery(Coffeescript)。在表单中,我想使用Jquery添加一些检查。

如果用户更改了包含类'数字'的值,我想检查他在下一个课程' text'中输入的输入。我现在正在调试。我无法获取下一个text字段的内容。

这是HTML:

<tr>
  <td class="strongnowrap">Construction Costs</td>
  <td class="typical"></td>
  <td class="typical_dollars"></td>
  <td class="calculated"></td>
  <td class="amount"><div class="control-group integer optional costproject_costestimates_amount"><div class="controls"><input class="numeric integer optional" id="costproject_costestimates_attributes_0_amount" name="costproject[costestimates_attributes][0][amount]" style="width:100px" type="text" value="120000"></div></div></td>
  <td>
  <a rel="popover" data-content="Estimated cost for Contractor to construct the project" data-original-title="" title=""><i class="icon-search"></i></a>
 </td>
 <td class="note"><div class="control-group text optional costproject_costestimates_notes"><div class="controls"><textarea class="text optional" cols="40" id="costproject_costestimates_attributes_0_notes" name="costproject[costestimates_attributes][0][notes]" rows="1" style="width:150px">To Improve the Looks</textarea></div></div></td>
</tr>

这是我尝试的代码:

$('.numeric').change ->
  note = $(this).next().find('.text').html()
  I thought note = 'To Improve the Looks'
  **OR - I tried a test to see if empty**
  $(this).closest('tr').next('.text').is(":empty")

我得到了#undefined&#39;错误。

感谢您的帮助。

3 个答案:

答案 0 :(得分:0)

你很亲密:

$(this).closest('tr').find('.text').is(":empty")

.find tr - next的所有孩子(及其子女)只会查看下一个元素,并且没有.text类 - 所以这是未定义的。

答案 1 :(得分:0)

看起来像.nextAll();

的工作

https://api.jquery.com/nextAll/

答案 2 :(得分:0)

.parents()

  note = $(this).parents('tr').find('.text').html()

<强> http://jsfiddle.net/cw0cbqL1/1/