jQuery get content between <div> tags

Question

This'll probably be easy for someone:

var x = '<p>blah</p><div><a href="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=brd&FlightID=2997227&Page=&PluID=0&Pos=9088" target="_blank"><img src="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=bsr&FlightID=2997227&Page=&PluID=0&Pos=9088" border=0 width=300 height=250></a></div>';

How do I extract only the portion between the div tags <div>I want this</div> Don't focus on the <a> tag as the content could be different inside the div.

Answer 1

This is probably what you need:

$('div').html();

demo

This says get the div and return all the contents inside it. See more here: http://api.jquery.com/html/

If you had many div s on the page and needed to target just one, you could set an id on the div and call it like so

$('#whatever').html();

where whatever is the id

EDIT

Now that you have clarified your question re this being a string, here is a way to do it with vanilla js:

var l = x.length;
var y = x.indexOf('<div>');
var s = x.slice(y,l);
alert(s);

Demo Here

1. get the length of the string.
2. find out where the first div occurs
3. slice the content there.

Answer 2

jQuery has two methods

// First. Get content as HTML
$("#my_div_id").html();

// Second. Get content as text
$("#my_div_id").text();

Answer 3

Give the div a class or id and do something like this:

$("#example").get().innerHTML;

That works at the DOM level.

Answer 4

使用下面的地方，其中x是保存有问题标记的变量。

$(x).find("div").html();

Answer 5

使用text方法[ text() ]通过按类或id标识元素来获取div元素中的文本。

Answer 6

我建议你给一个if而不是：

$("#my_div_id").html();

Answer 7

使用jquery：

$("#divId").html()

Answer 8

var x = '<p>blah</p><div><a href="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=brd&FlightID=2997227&Page=&PluID=0&Pos=9088" target="_blank"><img src="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=bsr&FlightID=2997227&Page=&PluID=0&Pos=9088" border=0 width=300 height=250></a></div>';
$(x).children('div').html();

Answer 9

This work for me

var content = '<p> demp text </p>';
$('#wordContent').html(content);
$('#wordContent').html($('#wordContent').text());