如何获取另一个div中输入字段的值?

时间:2014-08-17 10:06:42

标签: html css parent closest siblings

我有以下html

<div class="row"> 

  <div class="col-lg-6">
    <label class="radio">
    <input type="checkbox">
    </label>
  </div>

  <div class="col-lg-1">
    <input type="text" disabled="" class="col-lg-2 form-control" name="notes_33">
  </div>

</div>

在“col-lg-6”div中的复选框输入上有一个on click事件,我想获取“col-lg-1”下的值输入文本,这是我获取它的方式

$("#medication").on('click', ':checkbox', function(){

    var $note = $(this).parent().parent().siblings('.col-lg-1').find(":text");
    //... change the value of $note

});
我的方式是好的吗?有没有更好的方法从复选框开始遍历输入字段?

1 个答案:

答案 0 :(得分:1)

这看起来更简单:

 $(this).closest('.row').find(':text') 

编辑:

这是最近和父母之间的比较:

http://jsperf.com/jquery-parents-vs-closest