如何刪除LI中的父複選框，如果沒有複選框存在與jQuery的子LI中

<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的輸入字段。經理與該「不允許」的形象。如果任何li中存在任何複選框。然後父母也將包含複選框。超級家長（經理）也會有。樹會是N級的。如何刪除LI中的父複選框，如果沒有複選框存在與jQuery的子LI中

我想爲它做一個jQuery選擇器。並且需要指針。

來源

2011-10-28 Tahir Akram

注意你有ID = selectedNode多個輸入元素。 HTML元素的ID應該是唯一的。您的HTML無效。 –

我正在修復它。 –

$('#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/

來源

2011-10-28 15:03:06

感謝您的編輯。 1）如果員工1李有輸入複選框。它也將diast（替換）助理經理，它不應該。 2）如果所有的工作人員都帶有圖像，那麼頂級經理人也會有圖像。它的任何指針？ –

@TahirAkram 1）這是不正確的這裏是一個小提琴http://jsfiddle.net/823vR/1/。 2）這也是不正確的。用我提供的小提琴演奏，你會看到它處理你提到的兩種情況。 –

謝謝約翰讓我玩。 –

如何刪除LI中的父複選框，如果沒有複選框存在與jQuery的子LI中

回答

相關問題