[英]create input box inside the lable using jquery
我正在尝试创建一个标签,并将输入复选框放在外面,就像
我正在尝试这个,我的HTML是
<input type="checkbox">
我的jquery是
$('input[type="checkbox"]').after('<label class="label-select"><span></span></label>');
现在输出是
<input type="checkbox">
<label class="label-select">
<span></span>
</label>
但我想要这样
<label class="label-select">
<input type="checkbox">
<span></span>
</label>
那我怎么写这个jquery呢。 我不想改变HTML。
感谢您的回答。
after()
使用wrap()
after()
:
$('input[type="checkbox"]').wrap('<label class="label-select"></label>').after('<span></span>');
你正在寻找.wrap() jQuery函数。
如果你使用jQuery.wrap(),你应该能够实现你正在寻找的东西。
$('input[type="checkbox"]').after('<span></span>').wrap('<label class="label-select"></label>');
编辑得到了两个回到对不起,应该是
$('input[type="checkbox"]').wrap('<label class="label-select"></label>').after('<span></span>');
您所要做的就是将元素(复选框)包装在标签内。
$('input[type="checkbox"]').wrap('<label class="label-select"><span></span></label>');
尝试这个:
$('input[type="checkbox"]').wrap('<label class="label-select"></label>').wrap('<span></span>');
或者您可以使用jquery append()方法在块中追加html。 试试这个,
$('.label-select').append('<input type="checkbox"><span></span>');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.