2 votes

copier un div html dans une variable javascript en utilisant jquery

Dans ma page aspx, j'ai un div qui contient du html simple, avec un certain id (disons 'datadiv').

à l'aide de jquery, je veux récupérer le html de cette div (div entière) dans une variable JavaScript.

comment faire ?

Merci.

9voto

kjagiello Points 3268
var someVar = $("#somediv").html();

2voto

Karl B Points 1517

Si vous souhaitez que l'équivalent de la fonction outerHTML d'Internet Explorer récupère à la fois le div et son contenu, alors la fonction fonction de cette page qui étend JQuery devrait aider :#

jQuery.fn.outerHTML = function() {
    return $('<div>').append( this.eq(0).clone() ).html();
};

Alors appelez :

var html = $('#datadiv').outerHTML() ;

0voto

DNS Points 377
            <!DOCTYPE html>
            <html>
            <head>
            <script src="http://code.jquery.com/jquery-latest.js"></script>
            </head>
            <body>

            <b>Hello</b><p>, how are you?</p>

            <script>
            $("b").clone().prependTo("p");
            </script>

            </body>
            </html>
            **Out put:**
            Hello
            Hello, how are you?

0voto

Abhishek Goel Points 792

J'ai enfin réussi à le faire fonctionner !! la manière la plus simple ! !!
Code HTML

<div class="extra-div">
    <div class="div-to-pull-in-variable">
     // Your Content Here
    </div>
</div>

Code JQuery

    $(function() {
        var completeDiv = $('.extra-div').html();
        alert(completeDiv); 
       })
    });

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X