javascript - jQuery 将标签包裹在纯文本周围

Question

我想在纯文本周围加上一个标签，但没有可以轻松定位的内容。

例如:

<div class="checbox">
    <input type="checkbox">
     some text
</div>

应该变成:

<div class="checbox">
    <input type="checkbox">
     <label>some text</label>
</div>

如果我可以修改 HTML，这将是微不足道的，但我不能。

使用 jQuery，我如何用标签包装这个“一些文本”？

Answer 1

如果 html 结构是不变的，那么你想用 checkbox 类包装 div 的最后一个子元素

$($('.checbox')[0].lastChild).wrap('<label />')

label {
    color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="checbox">
    <input type="checkbox" />
     some text
</div>

<小时/>

如果你有多个这样的元素

$('.checbox').each(function(){
  $(this.lastChild).wrap('<label />')
})

label {
    color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="checbox">
    <input type="checkbox" />
     some text
</div>
<div class="checbox">
    <input type="checkbox" />
     some text 2
</div>