尝试在最接近的标签后添加内容,但我认为我错了

时间:2018-10-30 14:41:56

标签: jquery html closest

我有一个自定义表单,需要在标签后添加一些内容,请参见下文。

我有以下几行代码:

$("input[name='cpy_name']").closest('.control-label').insertAfter('Some text');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group has-feedback" style="display: block;"> 
      <label class="col-sm-2 control-label">Company</label>
      <div class="col-sm-10 col-md-4">
    	  <input type="text" name="cpy_name" class="form-control" maxlength="200" value="">
      </div>
</div>

我认为使用“最接近”会找到.control-label ...为什么不起作用,请澄清一下。

我需要在其中使用哪个选择器?

谢谢你,

1 个答案:

答案 0 :(得分:1)

closest()仅查找父节点,而has-feedback不是父节点,因此请尝试以下操作:

$("input[name='cpy_name']").closest('.has-feedback').find('.control-label').after(' Some text');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group has-feedback" style="display: block;"> 
      <label class="col-sm-2 control-label">Company</label>
      <div class="col-sm-10 col-md-4">
    	  <input type="text" name="cpy_name" class="form-control" maxlength="200" value="">
      </div>
</div>