如何在html标签中获取文本
[英]How to get text in html tag
问题描述
我试图在<p>标签中获取“some text”，我不能使用.text()因为它获取<b>标签中的所有文本
<p><b class="title">Title: </b> some text </p>
$('p').text() // result is: "Title: some text"
我只是想得到一些文字
3 个解决方案
解决方案1
3 已采纳 2019-08-08 03:43:28
/* get whole text from <p/> tag*/ console.log($('p').text()); /* get partial text from <b/> tag*/ console.log($('p > b').text()); /* split text from <b/> to whole text */ console.log($('p').text().split($('p > b').text())[1]);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p><b class="title">Title: </b> some text </p>
解决方案2
0 2019-08-08 03:48:24
你必须删除这段文字......
var p = document.querySelector("p").textContent var b = document.querySelector("p > b").textContent console.log(p.replace(b, "").trim())
<p> <b class="title">Title: </b> some text </p>
...或指定你想要得到的东西
var p = document.querySelector("p > spam#foo").textContent.trim() console.log(p)
<p> <b>Text: </b> <spam id="foo">some text</spam> </p>
解决方案3
0 2019-08-08 03:51:36
$('p').click(function () { $('#newText').html((this.childNodes[1].nodeValue)) });
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <p><b class="title">Title: </b> some text </p> <h1 id="newText"></h1> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> </body> </html>
最简单的方法是不要得到孩子的文本。 希望它有所帮助
如何在 html contenteditable div 标签中获取选定的文本位置？
[英]How to get the selected text position in a html contenteditable div tag?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.