jQuery display html in textarea exclude an element

Question

I have 4 divs in a container. I want to display the html of the container which contains the divs in the textarea. I'm able to do this. The issue is, i don't want to get all the html of the container. I don't want to get #iv #three. I want to copy all the html of the container except div #three. I could use $('#three').remove() but i don't want to remove the div, I just don't want to copy it's html value to textarea. Check jsfiddle http://jsfiddle.net/rzfPP/

<div id="container">
  <div id="one">test 1 </div>
  <div id="two">test 2 </div>
  <div id="three">test 3 </div>
  <div id="four">test 4 </div>
</div>    
<textarea id="save"></textarea>

var x = $('#container').html();
$('#save').val(x);

Jishnu A P · Accepted Answer · 2011-06-23 07:07:35Z

3

Try this

$("#container").clone().find("#three").remove().end().html();

http://jsfiddle.net/rzfPP/21/

answered Jun 23, 2011 at 7:07

Jishnu A P

14.4k8 gold badges42 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ярослав Рахматуллин · Accepted Answer · 2011-06-23 07:11:22Z

1

/*
var x = $('#container').html();
$('#save').val(x);
*/

var lol = $('#container').clone()
$(lol).find('#three').remove();


$('#save').val(lol.html());

answered Jun 23, 2011 at 7:11

Ярослав Рахматуллин

7,9771 gold badge44 silver badges65 bronze badges

Comments

Ariel · Accepted Answer · 2011-06-23 07:14:22Z

1

$('#container').clone().find('#three').remove().end().html();

Technically this is illegal since you are duplicating IDs, but it works fine.

http://jsfiddle.net/rzfPP/33/

Edit: Someone beat me to it :( Oh well.

answered Jun 23, 2011 at 7:14

Ariel

26.8k5 gold badges62 silver badges71 bronze badges

Comments

Jose Faeti · Accepted Answer · 2011-06-23 07:10:25Z

0

var text = "";

$('#container div').each( function() {

   if ( this.id != "three" ) {

      text += $(this).html();

   }

});

$('#save').val( text );

http://jsfiddle.net/rzfPP/31/

Basically you check the divs inside #container one by one, and check their id. If it's one you want, add their html to a string. Then at the end give that string as your textarea value.

answered Jun 23, 2011 at 7:10

Jose Faeti

12.3k6 gold badges40 silver badges53 bronze badges

Collectives™ on Stack Overflow

jQuery display html in textarea exclude an element

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related