jquery 替换html页面,javascript – jQuery:查找文本并替换为HTML

我尝试查找和替换文本(使用jQuery).实际上我正在尝试在文本周围添加span元素.我也应该能够再次移除跨度而不会丢失内部文本.

例如,假设我有以下情况开始:

This is a span element

我希望能够使用jQuery / JavaScript动态执行此操作:

This is a span element

我也应该能够删除span.marked并返回第一个结果.

但问题是我想在具有多个子节点和子节点的容器内的所有文本上执行此操作,依此类推.

到目前为止我得到的代码将执行以下操作,这不是我想要的:

<span>This is a spanspan element

我想对页面上的所有文本执行此操作,而不仅仅是它找到的第一个文本.

编辑:我的代码到目前为止这样做:

var re = new RegExp(word, 'g');

$('.container').html($('.container').html().replace(re, '' + word + ''));

word是一个包含文本的字符串.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果通过 `find()` 方法在 jQuery 对象中查找子元素,并使用 `html()` 方法输出结果为空字符串,可能有以下几种可能的原因: 1. 子元素不存在:请确保你使用的选择器是正确的,并且确保在当前的 jQuery 对象中存在符合条件的子元素。可以使用 `console.log()` 在控制台输出查找到的子元素,以确认是否成功找到。 2. 子元素没有内容:如果找到的子元素是一个空元素,或者它没有包含任何内容,那么 `html()` 方法将返回空字符串。你可以尝试使用 `text()` 方法来获取子元素的文本内容,看看是否能够获取到内容。 3. 子元素被修改或删除:如果在使用 `find()` 方法之后,有其他代码对子元素进行了修改或删除操作,那么在调用 `html()` 方法时可能会返回空字符串。请确保在调用 `html()` 方法之前,没有对子元素进行修改或删除操作。 以下是一个示例代码,演示如何使用 `find()` 方法获取子元素的 HTML 内容: ```javascript var $parent = $('.parent-element'); // 替换为你的父元素选择器 var $childElement = $parent.find('.child-element'); // 替换为你的子元素选择器 console.log($childElement.html()); // 输出子元素的 HTML 内容 ``` 请确保将 `.parent-element` 替换为实际的父元素选择器,并将 `.child-element` 替换为实际的子元素选择器。 如果问题仍然存在,请提供更多相关代码和具体描述,以便我能够更好地帮助你解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值