jQuery成為innerhtml的一部分

Question

我需要獲取ap標簽的html，但是里面有一個br標簽。 所以看起來像：

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

我需要分別獲得第一部分和第二部分。 所以我可以做類似的事情：

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

可能嗎？

Answer 1

如果您知道總會有一個<br>標記，那么可以。 否則，您可以使用正則表達式。

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

Answer 2

嘗試使用.contents()檢索內部存在的節點，

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

node對象具有名為nodeValue的屬性，它將為您提供所需的文本。

DEMO

Answer 3

我可以建議您兩個選擇：

第一：使用子字符串（ FIDDLE ）

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

第二：使用split（ FIDDLE ）

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

Answer 4

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

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

Answer 5

$(document).ready(function(){

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

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

});

Answer 6

您可以使用jQuery split方法在<br>標記處分割內容。 然后抓住一切。

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

要獲得第二部分，您可以使用相同的split方法，但是在
標簽。

這是指向MDN的鏈接，進一步說明split（）方法。

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