javascript - 如何使用 jQuery 创建带有文本的 div?

标签 javascript jquery html css

<分区>

我正在尝试抓取页面内的文本,并使用 jQuery 将其放入 div/span 元素内。

例如,抓取<p>Did you know "LARC" is a Medical Term?</p>关闭网页并将其放入 div 中,如下所示:<p>Did you know <div class="LARC IS COOL">"LARC"</div> is a Medical Term?</p>

我问的原因是因为我需要用一个类在特定单词上运行一个函数,但我无法访问该单词所在的 html,因为它来自外部源并已加载在页面上。

这是我目前拥有的:

jQuery('.gfield_label').each(function() {
    var text = jQuery(this).text();
    jQuery(this).text(text.replace("LARC", "<div class='LARC IS COOL'>LARC</div>")); 
});

但它只是在网页上输出:

Did you know <div title='THIS BETTER WORK'>LARC</div> is a medical term?

最佳答案

替换时您将需要使用 HTML 功能。

参见:http://api.jquery.com/text/http://api.jquery.com/html/

jQuery('.gfield_label').each(function() {
    var text = jQuery(this).text();
    jQuery(this).html(text.replace("LARC", "<div class='LARC IS COOL'>LARC</div>")); 
});

关于javascript - 如何使用 jQuery 创建带有文本的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45849103/

上一篇:html - 覆盖 Bootstrap 的属性

下一篇:html - 有没有办法将圆圈的中间与灰色矩形的顶部对齐?

相关文章:

javascript - 使用带钩子(Hook)的 react native 选择器

javascript - rails : javascript/jQuery callbacks are triggered twice

html - 制作两列相同大小的响应图像

javascript - 如何在 dom 中隐藏元素的所有子元素(孙元素)

javascript - 自动调整 iFrame 大小

javascript - PHP 日历周期(每周)

c# - 在调用 MVC Controller 方法之前需要先执行 Javascript 方法

javascript - 访问 jquery.each 中的元素 id 属性值

javascript - Jquery .each() 不添加总和

javascript - 用于 javascript 或 jquery 的开源拼写检查