jquery - 如何在输入上应用边框？

Question

我很惊讶这个效果:demo

<span>
<input type="checkbox" />
</span>

span{
    border: 1px solid red;
}

但这不起作用:demo

<input type="checkbox" />

$('input').wrap('<span />').css('border','1px solid red');

Answer 1

您需要在<span>上应用边框元素，而不是 <input>这样你就可以使用 .parent() 向上遍历一级:

$('input').wrap('<span />').parent().css('border','1px solid red');

<强> Updated Fiddle