.wrap not being wrapped_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-03-10 08:39 出处：网络

I wrote this: <html> <head> <script type=\"text/javascript\" src=\"jquery.js\"></script>

相关专题：jquery

I wrote this:

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

And the #centerColumn doesn't get wrapped only the #right开发者_如何学运维Column get's wrapped, why?

You're using this selector:

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

The + there is the concatenation operator. It joins the strings, so your code is the same as this:

$("#centerColumn#rightColumn")

This will obviously find nothing useful.

I think you want the multiple selector:

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

If you want to wrap both columns in the same ancestor element, you'll need wrapAll. This seems likely because you are giving your wrapping element an id and id attributes must be unique.

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

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