试图在最近的标签之后添加内容,但我认为我错了
Trying to add content after the closest label but I think i'm wrong
我有一个自定义表单,我需要在标签后添加一些内容,请参见下文。
我有这些代码行:
$("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>
我想使用 'closest' 我会找到 .control-label
... 为什么它不起作用,请告诉我。
我需要在这里使用哪个选择器?
先谢谢你,
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>
我有一个自定义表单,我需要在标签后添加一些内容,请参见下文。
我有这些代码行:
$("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>
我想使用 'closest' 我会找到 .control-label
... 为什么它不起作用,请告诉我。
我需要在这里使用哪个选择器?
先谢谢你,
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>