用jQuery删除一些文本并更改html标签

时间：2011-05-08 作者：José Pablo Orozco Marín

我正在寻找更改以下HTML的方法：

<div class="votes">Rating: <strong>+5</strong> (from 5 votes)</div>
并生产：

<div class="votes"><div class="calculated-rating">+5</div></div>
提前谢谢。

2 个回复
最合适的回答,由SO网友:Milo 整理而成
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery(\'.votes\').each(function(){
        votes = jQuery(\'strong\',this).html();
        jQuery(this).html(\'<div class="calculated-rating">\'+votes+\'</div>\');
    });                         
});
</script>
SO网友:Manimaran

Its little short.

<script type="text/javascript">
jQuery(document).ready(function(){
var tmp = jQuery(".votes strong").html();
jQuery(".votes").html(\'<div class="calculated-rating">\'+tmp+\'</div>\')
});
</script>
结束
标签： jquery   小码农  

相关推荐

用Wordpress制作基于jQuery的画廊而不需要插件？

我一直在绞尽脑汁寻找在Wordpress中创建一个简单图库的最佳方法，而不必依赖NextGen图库这样的插件，而且我认为一个短代码将是一个很好的方法，它与内置的将图像“附加”到帖子的方法相结合。这样，用户就可以“附加”他们上传的图像，并且图像的描述可以用作标题。那是，直到我意识到，除非你删除图片本身（意味着它会从你插入的其他帖子/页面中消失），否则无法从帖子中“取消附加”图片。此外，它不允许您将图像链接到站点的不同部分。因此，我现在认为自定义字段或其他一些方法，包括在模板中对区域进行短代码或硬编码，可能是