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

Using javascript to automatically create input-group from Bootstrap 3

本文关键字：创建 输入 javascript Bootstrap 使用      更新时间：2023-09-26

>我正在尝试使用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>');

但它不起作用。有什么想法吗？谢谢。

将代码更改为以下内容：

$('[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>');

工作示例

使用 .wrap() 

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