我有一个评论列表,每个评论有一个投票计数(正面或负面)。我试图拉出前两个评论(基于最高净票数,不是票数),复制他们的HTML,并将它们添加到标题为“顶级创意”的新部分如何根据子元素值对父元素进行排序?
我想复制整个与在
HTML最多的两点意见(过度简化的版本)...这是重复为每个评论:
的jQuery:
jQuery(document).ready(function($) {
//number of top comments to show
var showResults = 2;
//loop through each total rating
//only pull the top two (in this case)
$('span.num-total').slice(0, showResults).each(function(index){
//calculate the net vote total based on data-voteup and data-votedown
var upVotes = $(this).data('voteup');
var downVotes = $(this).data('votedown');
var netVotes = upVotes - downVotes;
//get the HTML for those comments
var commentHTML = $(this).parents('.comment').html();
//append that HTML to the top comment div
$('div.top-comments').append('<div class="comment">' + commentHTML + '</div>');
});
});
见住在这里的副本:http://jobelty.com/company/apple
jQuery的是从一个名为未来顶级comments.js
我的代码比选择的答案更短,更具可读性。如果它不是逐字地运行的,你应该真正弄清楚如何使它工作。 – Jonah 2013-05-01 01:52:42