[英]jQuery get part of innerhtml
我需要获取ap标签的html,但是里面有一个br标签。 所以看起来像:
<p>
Some Text
<br>
Some More Text
</p>
我需要分别获得第一部分和第二部分。 所以我可以做类似的事情:
$('p').html() //Up To '<'
$('p').html() //After '>'
可能吗?
如果您知道总会有一个<br>
标记,那么可以。 否则,您可以使用正则表达式。
var foo = $('p').html().split('<br>')[0];
var bar = $('p').html().split('<br>')[1];
尝试使用.contents()
检索内部存在的节点,
$('p').contents()[0].nodeValue;
$('p').contents()[2].nodeValue;
node
对象具有名为nodeValue
的属性,它将为您提供所需的文本。
我可以建议您两个选择:
第一:使用子字符串( 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];
是的,有可能!!! 使用分割功能...
$('p').html().split("<br>")[0];
$('p').html().split("<br>")[1];
$(document).ready(function(){
var str = $('p').html();
console.log(str.split('<br>'));
});
您可以使用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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.