javascript - 使用 javascript 从 Bootstrap 3 自动创建输入组

Question

我正在尝试使用 javascript 自动修改我的输入框

<div class="input-group">
**<input type="text" class="form-control " placeholder="Text input">**
<span class="input-group-addon">*</span>
</div>

jsfiddle:http://jsfiddle.net/BEC7N/

粗体 行是已经存在的行。

下面是我的javascript尝试

$('[data-val-required]').prepend(' <div class="input-group">');
$('[data-val-required]').append(' <span class="input-group-addon">*</span></div>');

但它不起作用。有任何想法吗？谢谢。

Answer 1

将您的代码更改为:

$('[data-val-required]').wrap(' <div class="input-group"></div>');
$('[data-val-required]').after(' <span class="input-group-addon">*</span>');
$('[data-val-required]').after(' <span class="required-indicator">*</span>');

Working Example