Question

191

jQuery.contents() get each element as HTML / STRING

rated 0 times [ 194] [ 3] / answers: 1 / hits: 6880 / 10 Years ago, sat, march 8, 2014, 12:00:00

I'm trying to get the HTML form of some objects(including text), using jquery contents. Here's what I got until now:

HTML

<div id=mydiv>

    test

    <p>foo</p>

    <p>bar</p>

</div>

jQuery

$('#mydiv').contents().each(function(){

    console.log($(this).html());

    console.log($(this).prop(innerHTML));

    console.log($(this).prop(outerHTML));

});

Is there any way to do this? I've searched around but I couldn't find anything.

Thank you in advance for the answer!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

shylaelisan

Add To Favorites

Follow

Total Points: 37

Total Questions: 94

Total Answers: 110

Location: Angola

Member since Tue, May 5, 2020

4 Years ago

shylaelisan questions

1 Error Argument is not assignable to parameter of type 'AxiosRequestConfig'

Sun, Jun 27, 21, 00:00, 3 Years ago

1 TypeScript - Element implicitly has an 'any' type [...] No index signature with a parameter of type 'string' was found on type

Wed, Nov 11, 20, 00:00, 4 Years ago

1 React Hooks Update Dictionary State

Mon, Jul 27, 20, 00:00, 4 Years ago

1 class array property value change using find method for all the elements in typescript

Thu, Feb 27, 20, 00:00, 4 Years ago

1 How to make disabled date and time in react datepicker?

Fri, Aug 23, 19, 00:00, 5 Years ago

View All

answered 10 Years ago kaceyr · Accepted Answer

If you are looking for html including the wrapping element then

$('#mydiv').contents().each(function () {

    //check if it is a text node

    if (this.nodeType == 3) {

        //if so get the node value for the element

        console.log(this.nodeValue)        

    } else {

        //if not use outerHTML or innerHTML based on need

        console.log(this.outerHTML);

    }

});

Demo: Fiddle