Jquery 选择不带标记的元素
我的HTML结构如下:Jquery 选择不带标记的元素,jquery,html,css,css-selectors,Jquery,Html,Css,Css Selectors,我的HTML结构如下: <div class="in-featuredlisting"> <h3 class="black"> <a href="">title</a> </h3> <p class="sub-text in-newslisting">Posted on 15 March 2018</p> lorem ipsum, bla, bla, bla
<div class="in-featuredlisting">
<h3 class="black">
<a href="">title</a>
</h3>
<p class="sub-text in-newslisting">Posted on 15 March 2018</p>
lorem ipsum, bla, bla, bla
</div>
于2018年3月15日发布
伊普苏姆,布拉,布拉,布拉
如果有任何方法可以捕获
伊普苏姆,布拉,布拉,布拉
零件无需“触摸”或更改任何其他内容。。在功能列表中
我在featuredlisting p+/code>中尝试了,但这一个不起作用,因为我们没有在元素中包装副本 1.使用.contents()
和.text()
获取div中的所有文本
2.同时使用.not()
和.children()
忽略它的子元素文本
3.使用$.trim()
删除多余的空格
console.log($.trim($(.in-featuredlisting”).contents()。not($(.in-featuredlisting”).children()).text())代码>
于2018年3月15日发布
伊普苏姆,布拉,布拉,布拉
您可以按照以下步骤操作:
首先克隆父元素,在该元素中显示不带标记的文本
然后选择此元素的所有子元素
现在,从中删除所有元素,这将删除具有HTML标记的元素
现在,再次返回到所选元素,以便您可以引用该元素以获取文本(在步骤3中未删除)
最后,从父元素中获取文本,您可以进一步trim
以删除文本前后的空白
var el=$(“.in featuredlisting”);
var res=el.clone()//步骤1
.children()//步骤2
.remove()//步骤3
.end()//步骤4
.text()//步骤5
console.log(res.trim())代码>
于2018年3月15日发布
伊普苏姆,布拉,布拉,布拉
回答重复的片段信息会在站点之间出现。如果问题重复,请不要回答。人们可以遵循建议的重复链接,OP可以接受建议并更快地结束问题。@ChrisF 1。当我问一个问题的时候,要求再多投3票,同时人们发布答案,我的投票就没用了。2重复链接有很多解决方案,最好的选项甚至没有被选为答案,这就是为什么我在这里添加了最合适的答案以及描述,以了解您的担忧,但它仍然会在几个问题中分割信息。建议的重复链接足够显眼,人们可以看到并跟随它查找信息。@ChrisF我会在不久的将来考虑你的建议,但我的关注也是有价值的。谢谢