追加数VAR HTML（心脏VAR） - jQuery的

Question

我有下面这段代码：

heart.html("<i class='glyphicon glyphicon-remove-sign'></i>&nbsp&nbsp&nbsp;"+count); 

我想heart.html外计数元素（）。像这样：

heart.html("<i class='glyphicon glyphicon-remove-sign'></i>&nbsp&nbsp&nbsp;")+count; 

心是一个点击能够div，我不希望计数是可点击的。

整个代码：

jQuery(document).ready(function() 
{ 
    jQuery('body').on('click','.jm-post-like',function(event) 
    { 
     event.preventDefault(); 
     heart = jQuery(this); 
     post_id = heart.data("post_id"); 
     heart.html("<i class='glyphicon glyphicon-cog'></i>"); 
     jQuery.ajax 
     ({ 
      type: "post", 
      url: ajax_var.url, 
      data: "action=jm-post-like&nonce="+ajax_var.nonce+"&jm_post_like=&post_id="+post_id, 
      success: function(count) 
      { 
       if(count.indexOf("already") !== -1) 
       { 
        var lecount = count.replace("already",""); 
        if (lecount === "0") 
        { 
         lecount = "0"; 
        } 
        heart.prop('title', 'Like'); 
        heart.removeClass("liked"); 
        heart.html("<i class='glyphicon glyphicon-heart'></i>&nbsp&nbsp&nbsp;"+lecount); 
       } 
       else 
       { 
        heart.prop('title', 'Unlike'); 
        heart.addClass("liked"); 
        heart.html("<i class='glyphicon glyphicon-remove-sign'></i>&nbsp&nbsp&nbsp;"+count); 
       } 
      } 
     }); 
    }); 
}); 

function getPostLikeLink($post_id) 
{ 
    $like_count = get_post_meta($post_id, "_post_like_count", true); // Get post likes. 
    $count = (empty($like_count) || $like_count == "0") ? '0' : esc_attr($like_count); 
    if (AlreadyLiked($post_id)) 
    { 
     $class = esc_attr(' liked'); 
     $title = esc_attr('Unlike'); 
     $heart = '<i class="glyphicon glyphicon-remove-sign"></i>&nbsp&nbsp&nbsp;'; 
    } 
    else 
    { 
     $class = esc_attr(''); 
     $title = esc_attr('Like'); 
     $heart = '<i class="glyphicon glyphicon-heart"></i>&nbsp&nbsp&nbsp;'; 
    } 
    $output = '<a href="#" class="jm-post-like'.$class.'" data-post_id="'.$post_id.'" title="'.$title.'">'.$heart.'&nbsp;</a>'.$count; 
    return $output; 
} 

任何帮助，将不胜感激。

Answer 1

您需要使用after()

heart.html("<i class='glyphicon glyphicon-remove-sign'></i>&nbsp&nbsp&nbsp;") 
heart.after(count); 

，但如果你调用脚本多次，这个数字将保持在前面加上而不只是简单重写......所以

heart.html("<i class='glyphicon glyphicon-remove-sign'></i>&nbsp&nbsp&nbsp;"); 
var $counter = heart.next('.counter'); 
if (!$counter.length) { 
    $counter = $('<span />', { 
     'class': 'counter' 
    }).insertAfter(heart); 
} 
$counter.html(count);