未捕获的TypeError：$（...）[0] .firstChild.wrap不是函数

Question

我需要快速帮助。我试图用<span></span>包装标签的第一个节点，但它给出错误Uncaught TypeError: $(...)[0].firstChild.wrap is not a function

$('.lbl')[0].firstChild.wrap('<span></span>');

但是，如果我尝试按照其选择，但它的问题与.wrap

有关

$('.lbl')[0].firstChild

以下是 HTML

<label class="lbl">
some text
<input type="text">
</label>
<label class="lbl">
some text
<input type="text">
</label>
<label class="lbl">
some text
<input type="text">
</label>
<label class="lbl">
some text
<input type="text">
</label>

由于

Answer 1

假设您想要包装文本节点，您需要将整个节点包装在$()中以便使用jQuery方法

$($('.lbl')[0].firstChild).wrap('<span></span>');

span{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="lbl">
some text
<input type="text">
</label>
<label class="lbl">
some text
<input type="text">
</label>
<label class="lbl">
some text
<input type="text">
</label>
<label class="lbl">
some text
<input type="text">
</label>