wrap() 方法似乎在 jQuery 中不起作用答案

【问题标题】：wrap() method doesn't seem to work in jQuerywrap() 方法似乎在 jQuery 中不起作用
【发布时间】：2009-12-23 14:57:25
【问题描述】：

$('input.text-1').wrap('&lt;span class="textfield-1"&gt;&lt;/span&gt;');

.textfield-1 {
  border: 1px solid #d00;
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="text text-1" />

Wrap() 似乎不起作用。我没有看到 <span>s 在萤火虫的输入周围环绕。如果它们被包装，输入将被 display: none 隐藏，但它们不是。

我在这里做错了什么？

【问题讨论】：

产生的结果是什么，与您的预期有何不同？
我没有看到在 firebug 的输入周围环绕。如果它们确实被包装了，输入将被 display:none 隐藏，但它们不是。
代码工作正常。你的问题在别处。
如果你使用 .wrap('') 没有类，它会正确包装它们吗？
另一个想法：在 .wrap 行之前执行 console.log('MARK')

标签： javascript jquery html input

【解决方案1】：

对我来说没问题。页面上是否有阻止代码执行的 javascript 错误？

这是我的测试。元素确实变得不可见，我可以看到它被包裹在跨度中。

<html>
<head>
<style type="text/css">
.textfield-1 {
    border: 1px solid #d00;
    display: none;
}
</style>
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">

    $(function(){
            $('input.text-1').wrap('<span class="textfield-1"></span>');
     });


</script>
</head>
<body>
<input type="text" class="text text-1" />
</body>
</html>

【讨论】：

啊，是的，另一个函数有“&&”代替＆＆。不管怎么说，还是要谢谢你！ :)