Question

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

.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>缠绕在萤火虫的输入中。如果它们被包装，输入将被display: none隐藏，但它们不是。

我在这里做错了什么？

Answer 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>

wrap（）方法似乎在jQuery中不起作用

1 个答案: