大佬教程收集整理的这篇文章主要介绍了javascript – jQuery:查找文本并替换为HTML,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,假设我有以下情况开始:
<span>This is a span element</span>@H_450_5@我希望能够使用jQuery / JavaScript动态执行此操作:
<span>This is a <span class="marked">span</span> element</span>@H_450_5@但问题是我想在具有多个子节点和子节点的容器内的所有文本上执行此操作,依此类推.
到目前为止我得到的代码将执行以下操作,这不是我想要的:
<<span class="marked">span</span>>This is a <span class="marked">span</<span class="marked">span</span> element</span>@H_450_5@我想对页面上的所有文本执行此操作,而不仅仅是它找到的第一个文本.
编辑:我的代码到目前为止这样做:
var re = new RegExp(word,'g'); $('.container').html($('.container').html().replace(re,'<span class="marked">' + word + '</span>'));@H_450_5@word是一个包含文本的字符串.
$('span:contains("word")').html().replace('word','<span class="marked">word</span>');@H_450_5@并删除它,你可以使用这样的东西:
$('span:contains("word")').html().replace('<span class="marked">word</span>','word');@H_450_5@是的,这是一种非常粗暴的做法,但它应该有效.
编辑:
正如@ user3558931所指出的那样,这个词必须是一个变量.$('span:contains("' + str + '")').html().replace(str,'<span class="marked">' + str + '</span>');@H_450_5@并删除它,你可以使用这样的东西:
$('span:contains("' + str + '")').html().replace('<span class="marked">' + str + '</span>',str);@H_450_5@编辑:
上面代码中的一个小故障,请看这个小提琴中的固定代码:http://jsfiddle.net/thePav/7TNk6/21/
以上是大佬教程为你收集整理的javascript – jQuery:查找文本并替换为HTML全部内容,希望文章能够帮你解决javascript – jQuery:查找文本并替换为HTML所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。