Jquery 通过DOM将更改为

Jquery 通过DOM将更改为,jquery,Jquery,我从一个插件收到一段HTML代码,我想将代码中的所有实例更改为。实现这一目标的最佳方法是什么?替换可能有效吗 $('span.post-status').replaceWith(function() { return '<p class="post-stats">' + $(this).html() + '</p>'; }); 或者,如果您坚持使用jQuery: $('span.post-status').css('display', 'block'); 也许替换

我从一个插件收到一段HTML代码,我想将代码中的所有实例更改为

。实现这一目标的最佳方法是什么?

替换可能有效吗

$('span.post-status').replaceWith(function()
{
  return '<p class="post-stats">' + $(this).html() + '</p>';
});
或者,如果您坚持使用jQuery:

$('span.post-status').css('display', 'block');
也许替换会起作用

$('span.post-status').replaceWith(function()
{
  return '<p class="post-stats">' + $(this).html() + '</p>';
});
或者,如果您坚持使用jQuery:

$('span.post-status').css('display', 'block');

我将使用jQuery,查看以下函数:

我将使用jQuery,请查看以下函数:


也许你在找什么


我知道我有点晚了,但不喜欢使用.each或.html.html方法。我还认为,您应该尽可能使用.text或.addClass,将HTML标记保留在它所属的位置,并让javascript处理属性。

也许您正在寻找



我知道我有点晚了,但不喜欢使用.each或.html.html方法。我还认为您应该尽可能使用.text或.addClass,将HTML标记保留在它所属的位置,并让javascript处理属性。

search替换为您的编辑器?抱歉,也许我的措辞有误。代码是由插件生成的,我想通过dom对其进行更改。如果我的措辞有误,请原谅我。我还是个初学者。@Miquel:通过DOM。运行时,客户端,即。搜索替换插件的代码,然后?@Haochi我不想更改插件的代码,因为当我更新它时,所有内容都将丢失。搜索替换为您的编辑器?抱歉,可能我的措辞错误。代码是由插件生成的,我想通过dom对其进行更改。如果我的措辞有误,请原谅我。我还是个初学者。@Miquel:通过DOM。运行时,即客户端。搜索是否替换插件的代码?@Haochi我不想更改插件的代码,因为当我更新它时,所有的代码都将丢失。对不起,但对我来说没有多大意义。我忘记换了!是的,我认为css是更好的选择。谢谢。对不起,但对我来说没什么意义。我忘记换了!是的,我认为css是更好的选择。谢谢。谢谢,除了p和应该切换;干得好。我对您的回答唯一的问题是,它需要对jQuery工厂进行3次单独的调用。@JAAulde:您认为传递一个HTML字符串是做什么的?jQuery只是在幕后打电话给.attr;我不是说你打电话给addClass。我知道您使用addClass实际上比我在我的JSFIDLE使用addClass的标记中使用attr更有效,我将在这里的帖子中对此进行编辑。我说的是对$you的三个调用,一个用于span搜索,一个用于p创建,另一个用于将span重新捕获为“this”。@JAAulde:breakdown我们都有相同数量的工作要做,更少的是一个变量的开销,虽然这个变量很小,但仍然存在。我想我只是不明白你是如何看待这个问题的。不管怎样,OP得到了他/她的答案,每个人都高兴地回家了-谢谢,p除外,应该切换;干得好。我对您的回答唯一的问题是,它需要对jQuery工厂进行3次单独的调用。@JAAulde:您认为传递一个HTML字符串是做什么的?jQuery只是在幕后打电话给.attr;我不是说你打电话给addClass。我知道您使用addClass实际上比我在我的JSFIDLE使用addClass的标记中使用attr更有效,我将在这里的帖子中对此进行编辑。我说的是对$you的三个调用,一个用于span搜索,一个用于p创建,另一个用于将span重新捕获为“this”。@JAAulde:breakdown我们都有相同数量的工作要做,更少的是一个变量的开销,虽然这个变量很小,但仍然存在。我想我只是不明白你是如何看待这个问题的。不管怎样,OP得到了他/她的答案,每个人都高兴地回家了-这可能会完成任务,但与其他版本相比效率低下。这可能会完成任务,但与其他版本相比效率低下。
$('.post-stats').each(function(i,elem){
    $(elem).replaceWith('<p class="post-stats">'+$(elem).html()+'</p>');
});
$('span.post-stats').replaceWith(function(){
  return $('<p>').addClass('post-stats').html($(this).contents());
});