jquery幫助同時選擇父母和孩子，但不是祖先的兄弟姐妹

我想寫一個jquery調用來選擇複選框ul菜單的「孩子」和「父母」，當用戶選中框。jquery幫助同時選擇父母和孩子，但不是祖先的兄弟姐妹

這jquery適當地選擇父母和孩子，但它也是通過父母穿越時選擇兄弟姐妹。

//Check the Parents 
$(this).parents().find("input").checkUncheck(true); 


//Check the Children 
$(this).parent().siblings("ul").find("input").checkUncheck(true);

我不希望它遍歷祖先時選擇了「父母」選擇兄弟姐妹，但我不知道該怎麼辦了jQuery。如果任何人有關於如何做到這一點的一些提示，我將不勝感激！

謝謝。

繼承人的HTML：

<ul id="p_menu_nav"> 
    <li>  
     <span> 
      <input type="checkbox" title="no"> 
      <img images/minus.gif" class="a_hand"> Wells Fargo 
     </span> 
     <ul > 
      <li > 
       <span> 
        <input type="checkbox" title="no"> 
        <img src="images/plus.gif" class="a_hand"> Southern Utah 
       </span> 
      </li> 
      <li > 
       <span> 
        <input type="checkbox" title="no"> 
        <img src="images/plus.gif" class="a_hand"> Northern Utah 
       </span> 
      </li> 
      <li > 
       <span> 
        <input type="checkbox" title="no"> 
        <img images/minus.gif" class="a_hand"> Central Utah 
       </span> 
       <ul > 
        <li> 
         <input type="checkbox" name="approved_property_id_list" id="4835">Apartment 1 
        </li> 
        <li> 
         <input type="checkbox" name="approved_property_id_list" id="4844">Apartment 10 
        </li> 
        <li> 
         <input type="checkbox" name="approved_property_id_list" id="4934">Apartment 100 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul>

來源

2011-03-28 Ronedog

你可以通過解釋究竟應該得到選中/取消和選擇複選框時澄清？我已經讀了五次這個問題，似乎無法得到它（也許這只是我:) – karim79 2011-03-28 23:26:24

嘗試是這樣的：

$(this).parents('li').find("> span > input").checkUncheck(true); 

    //Check the Children 
    $(this).closest('li').find('input').checkUncheck(true);

JSFiddle Example

來源

2011-03-28 23:45:23

awsome，謝謝...作品像一個魅力！ – Ronedog 2011-03-29 02:41:18

試試這個:)

$(function(){ 
    $("#p_menu_nav input").click(function(){ 
     var that = "#"+this.id; 
     $("#p_menu_nav li:has(img)").each(function(){ 
      if($(this).contents().find(that).length > 0){ 
       $(this).find(">span input").attr("checked",true); 
      } 
     }); 
    }); 
});

點擊功能 - 只是爲了測試
記住點擊的元素的ID
選擇所有分支（我假設你所有的分支機構有張圖片，但它可以同時跨越）
檢查如果點擊在該分支
如果是，那麼檢查複選框（已使用功能checkUncheck（真））

來源

2011-03-28 23:48:20 elon

jquery幫助同時選擇父母和孩子，但不是祖先的兄弟姐妹

回答

相關問題