2011-06-05 82 views
0

我寫了這個:.wrap不被包裹

<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得到的包裹,爲什麼呢?

回答

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

參見:

3

您使用此選擇:

$("#centerColumn" + "#rightColumn") 

+有連接運算符。它加入字符串,因此您的代碼與此相同:

$("#centerColumn#rightColumn") 

這顯然沒有用處。

我想你想的multiple selector

$("#centerColumn, #rightColumn").wrap("<div id='test' />"); 

如果你想包裝在相同祖先元素兩列,你需要wrapAll。這很可能是因爲你正在給你的包裝元素idid屬性必須是唯一的。

$("#centerColumn, #rightColumn").wrapAll("<div id='test' />"); 
+0

由於它的完成 – 2011-06-05 23:46:08

0

也許正因爲如此:

$("#centerColumn" + "#rightColumn").wrap("<div id='test' />"); 

應該是這樣的:

$("#centerColumn,#rightColumn").wrap("<div id='test' />");