jQuery获取innerhtml的一部分答案

【问题标题】：jQuery get part of innerhtmljQuery获取innerhtml的一部分
【发布时间】：2015-09-01 13:30:20
【问题描述】：

我需要获取 p 标签的 html，但是里面有一个 br 标签。所以它看起来像：

<p>
    Some Text
    <br>
    Some More Text
</p>

我需要分别获取第一部分和第二部分。所以我可以这样做：

$('p').html() //Up To '<'
$('p').html() //After '>'

有可能吗？

【问题讨论】：

段落的内容会一直这样吗？
你试过了吗：var arr = $('p').html().split("
"); ??

标签： javascript jquery innerhtml

【解决方案1】：

如果您知道总会有一个<br> 标签，那么是的。否则你可以使用正则表达式。

var foo = $('p').html().split('<br>')[0];
var bar = $('p').html().split('<br>')[1];

【讨论】：

【解决方案2】：

尝试使用.contents() 检索内部存在的节点，

$('p').contents()[0].nodeValue;
$('p').contents()[2].nodeValue;

而node 对象有一个名为nodeValue 的属性，它将为您提供所需的文本。

DEMO

【讨论】：

【解决方案3】：

我可以建议你两个选择：

首先：使用子字符串 (FIDDLE)

var content = $('p').html();
var firstPart = content.substring(0,content.indexOf("<br>"));
var secondPart = content.substring(content.indexOf("<br>") + 4,content.length);

第二种：使用拆分（FIDDLE）

var content = $('p').html().split("<br>");
var firstPart = content[0];
var secondPart = content[1];

【讨论】：

【解决方案4】：

是的，有可能！！！使用拆分功能...

$('p').html().split("<br>")[0];
$('p').html().split("<br>")[1];

【讨论】：

【解决方案5】：

$(document).ready(function(){

   var str = $('p').html();

   console.log(str.split('<br>'));

});

【讨论】：

【解决方案6】：

您可以使用jQuery split 方法来拆分<br> 标签处的内容。然后抓住一切。

var text = $('p').html();
text.split('<br>')[0];
text.split('<br>')[1];

要获得第二部分，您使用相同的拆分方法，但获取
标记之后的所有内容。

这里是 MDN 的链接，进一步解释了 split() 方法。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split

【讨论】：