jQuery获取<div>标签</div>之间的内容

时间:2011-07-28 04:15:03

标签: javascript jquery html

这对某人来说可能很容易:

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

如何仅提取div标签<div>I want this</div>之间的部分 不要专注于<a>标记,因为div内的内容可能不同。

8 个答案:

答案 0 :(得分:68)

这可能就是你所需要的:

$('div').html();

demo

这表示获取div并返回其中的所有内容。点击此处:http://api.jquery.com/html/

如果您在网页上有多个div并且只需要定位一个,那么您可以在id上设置div并将其称为

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

其中 id

修改

现在你已经澄清了你的问题,这是一个字符串,这是一种用vanilla js做的方法:

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

<强> Demo Here

  1. 获取字符串的长度。
  2. 找出第一个div出现的位置
  3. 在那里切片内容。

答案 1 :(得分:13)

jQuery有两种方法

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

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

答案 2 :(得分:3)

给div一个类或id并做这样的事情:

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

这适用于DOM级别。

答案 3 :(得分:2)

使用下面的地方,其中x是保存相关标记的变量。

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

答案 4 :(得分:1)

我建议你给div一个if而不是:

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

答案 5 :(得分:1)

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

答案 6 :(得分:0)

使用jquery:

$("#divId").html()

答案 7 :(得分:0)

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();