JQueryで子LIにチェックボックスが存在しない場合、LIの親チェックボックスを削除する方法

Question

<ul ="staffTree"> 
    <li> 
     <input type="checkbox" name="selectedNode" id="selectedNode" value = "Manager"> 
     Manager 
     <ul> 
      <li> 
       <input type="checkbox" name="selectedNode" id="selectedNode" value = "AsstManager"> 
       Asst. Manager 
       <ul> 
        <li> 
         <img src="images/not_allowed.png" title="Not Allowed"> 
         Staff Member 1 
        </li> 
        <li> 
         <img src="images/not_allowed.png" title="Not Allowed"> 
          Staff Member 2 
        </li> 
        <li> 
         <img src="images/not_allowed.png" title="Not Allowed"> 
          Staff Member 3 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

この例では、スタッフのチェックボックスは存在しないため、Asstの入力フィールドを置き換えます。その "Not Allowed"イメージを持つマネージャ。 任意のチェックボックスが存在する場合は、親にはチェックボックスも含まれます。スーパー親（マネージャー）も持っています。ツリーはNレベルになります。

私はそれのためのjQueryセレクタを作ろうとしています。そしてそれにポインタが必要です。ここ

Answer 1

$('#staffTree li > input:checkbox').each(function() { 
    var $this = $(this); 
    if ($this.siblings().has('li > input:checkbox').length) { 
    return; 
    } 
    $this.replaceWith('<img src="images/not_allowed.png" title="Not Allowed">'); 
}); 

はフィドルhttp://jsfiddle.net/823vR/