2011-06-05 2 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") 

+ есть оператор конкатенации. Он присоединяется к строкам, поэтому ваш код такой же:

Это, очевидно, не найдет ничего полезного.

Я думаю, что вы хотите multiple selector:

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

Если вы хотите, чтобы обернуть обе колонки в предка элемента же, вам нужно wrapAll. Это кажется вероятным, потому что вы даете свой оберточный элемент атрибутам id и id должны быть уникальными.

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

Благодаря это делается –

0

Возможно потому, что это:

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

Должно быть так:

$("#centerColumn,#rightColumn").wrap("<div id='test' />"); 
Смежные вопросы