文章/答案/技术大牛

发布

问在html标记内换行文本
EN

Stack Overflow用户

提问于 2013-05-15 01:54:44

回答 2查看 199关注 0票数 2

我正在尝试使用jQuery在<span>标记内包装文本。下面的代码不起作用。请指出我哪里错了。另外，请建议一个更好的/不同的方法。

var mysearch = '(05/13/2012-11/13/2012)';
$('table:eq(0) tr:eq(1) th:contains("' + mysearch + '")').filter(function () {
    return this.html().replace('(05/13/2012-11/13/2012)', '<span class = "red"> (05/13/2012-11/13/2012)</span>');
});

Demo on jsFiddle

html

jquery

回答 2

Stack Overflow用户

发布于 2013-05-15 01:57:08

代码中的this是一个没有html方法的DOM Element对象，也不需要filter方法，可以使用html方法。

$('table:eq(0) tr:eq(1) th:contains("' + mysearch + '")').html(function(_, html) {
    return html.replace('(05/13/2012-11/13/2012)', '<span class="red"> (05/13/2012-11/13/2012)</span>');
});

如果th的内容等于mysearch字符串，也可以使用wrapInner方法：

$('table:eq(0) tr:eq(1) th').filter(function(){
    return $.trim($(this).text()) === mysearch;
}).wrapInner('<span class="red"></span>');

JS Fiddle

票数 5

Stack Overflow用户

发布于 2013-05-15 01:56:41

试试这个-

$('table:eq(0) th:contains("' + mysearch + '")').contents().wrapAll('<span class = "red"></span>');

--> http://jsfiddle.net/8kMqW/2/工作演示

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16549704

复制

相似问题

问在html标记内换行文本
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html标记内换行文本EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html标记内换行文本
EN