我的jQuery代碼有些麻煩

Question

我在這段代碼中遇到了一些麻煩，我想做一個判斷，如果next().children() div沒有長度，那麼做一個ajax要求。但它始終使ajax甚至要求div有內容。

下面是HTML代碼：

<noscript> 
<style> 
.more{display:none;} 
</style> 
</noscript> 
<!-- main content --> 
<p class="click hidden" rel="12345">View more</p> 
<div class="more"> 
    <h5>Relative post</h5> 
    <div class="relative-post"></div> 
    <!-- comment area --> 
</div> 
<!-- main content --> 
<p class="click hidden" rel="23456">View more</p> 
<div class="more"> 
    <h5>Relative post</h5> 
    <div class="relative-post"></div> 
    <!-- comment area --> 
</div> 

這裏是jQuery代碼：

jQuery(document).ready(function(){ 
    $(".click").live('click',function() { 
     if($(this).next('.more').is(':visible')){ 
      $(this).next('.more').css('display','none'); 
     }else{ 
      $(this).next('.more').css('display','block'); 
     } 
     if($(this).next('.more').children('.relative-post:has(*)').length){ 
      }else{ 
      var $this = $(this); 
      var item_id = $this.attr('rel'); 
      $.ajax({ 
       url: "process", 
       dataType: "html", 
       type: 'POST', 
       data: 'post=' + item_id, 
       cache: false, 
       success: function(data){ 
        $this.next('.more').children('.relative-post').html(data); 
       } 
      }); 
        } 
     } 
    }); 
}); 

Answer 1

代碼替換

if($(this).next('.more').children('.relative-post:has(*)').length) 

與使用jQuery切換（）... http://api.jquery.com/toggle/以下

if($(this).next('.more').children('.relative-post').html()) 

Answer 2

嘗試

if($(this).next('.more').children('.relative-post').html().length){

Answer 3

$(function() { 
    $(document).on('click', '.click', function() { 
     var next = $(this).next('.more'); 
     next.toggle(!next.is(':visible')); 

     if (next.children('.relative-post:empty').length) { 
      var item_id = $(this).attr('rel'); 
      $.ajax({ 
       url: "process", 
       dataType: "html", 
       type: 'POST', 
       data: {post: item_id}, 
       cache: false, 
       success: function(data) { 
        next.children('.relative-post').html(data); 
       } 
      }); 
     } 
    }); 
});​ 

FIDDLE