时间戳

首页 > 解决方案 > jQuery从带有img标签的DIV中提取文本

jquery - jQuery从带有img标签的DIV中提取文本

问题描述

我想从以下 HTML 中提取文本：

<div class="text_with_icon"> my text <img src="https://example.com/logo.png" alt="mylogo"> </div>

我尝试简单地使用'.text（）'：

my_data = $('div.text_with_icon').text();
$('div.my_output_class').text(my_data);

但是网站上的输出是这样的纯文本：

my text <img src="https://example.com/logo.png" alt="mylogo">

片段如下：

my_data = $('div.text_with_icon').text();
$('div.my_output_class').text(my_data);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="text_with_icon"> my text <img src="https://example.com/logo.png" alt="mylogo"> </div>

<div class="my_output_class"></div>

如何使输出只是“我的文本”？

标签： jquery

解决方案

您不必使用“div.text_with_icon”。

按照下面的代码，通过这个代码你只会得到文本。“我的文字”

$(document).ready(function(){
var text1=$(".text_with_icon").text();
alert(text1); //alert
console.log(text1); //console (press f12 to see returned value on console)
});

推荐阅读