.wrap未被包装
.wrap未被包装
提问于 2011-06-06 07:40:32
我写了以下内容：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script> jQuery(document).ready(function($)
{ $("div.productInfo").wrap("<div id='productDetails' />");
$("ul.productInfo").wrap("<div id='specs' />");
$("#centerColumn" + "#rightColumn").wrap("<div id='test' />");
});
</script>
</head>
<body>
<p id="centerColumn" >This is a paragraph.</p>
<p id="rightColumn" >This is another paragraph.</p>
<div class="productInfo" > Wow </div>
</body>
</html>而且#centerColumn不是只包装了#rightColumn get，为什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-06-06 07:47:52
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function() {
$("div.productInfo")
.wrap("<div id='productDetails'><div id='specs' /></div>");
$("#centerColumn, #rightColumn").wrapAll("<div id='test' />");
// or .wrap() instead of .wrapAll() depends on your intentions
});
</script>
</head>
<body>
<p id="centerColumn">This is a paragraph.</p>
<p id="rightColumn">This is another paragraph.</p>
<div class="productInfo"> Wow </div>
</body>
</html>另请参阅：
- .wrap() at jQuery API
- Selectors at jQuery API
- .wrapAll() at jQuery Docs
Stack Overflow用户
发布于 2011-06-06 07:44:38
您正在使用此选择器：
$("#centerColumn" + "#rightColumn")那里的+是连接运算符。它连接字符串，因此您的代码与以下代码相同：
$("#centerColumn#rightColumn")这显然找不到任何有用的东西。
我觉得你想要multiple selector
$("#centerColumn, #rightColumn").wrap("<div id='test' />");如果希望将这两个列包装在同一祖先元素中，则需要wrapAll。这似乎是可能的，因为您为包装元素提供了一个id，并且id属性必须是唯一的。
$("#centerColumn, #rightColumn").wrapAll("<div id='test' />");Stack Overflow用户
发布于 2011-06-06 07:44:50
也许是因为：
$("#centerColumn" + "#rightColumn").wrap("<div id='test' />");应该是这样：
$("#centerColumn,#rightColumn").wrap("<div id='test' />");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6246670
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号