Изменить содержимое div, когда div содержит div

Question

У меня есть структура;

<p class = "foo">"sometext"</p> 
<div class = "foo"> 
    <p class = "moo">"sometext"</p> 
    <div class = "moo"> 
     <p class = "boo">"sometext"</p> 
     <div class = "boo"> 
     </div> 
    </div> 
</div> 

И из этой структуры я создаю меню, когда я нажимаю на абзац, который отобразит соответствующий div.

$("p").click(function() 
     { 
      $(this).next("div").toggle(); 
        #Code that adds a minus sign before the paragraph eg. "+Mylink to "-Mylink" 
     }); 

I im теперь пытается получить знак «+», если меню не нажато, и «-», если нет. Проблема, с которой я сталкиваюсь, - это способ узнать, как пропустить последний шаг (класс boo), он не нуждается в дополнительном знаке (это не меню). Любой простой способ пройти через структуру и добавить знак плюса? Есть ли простой способ получить функцию щелчка, чтобы узнать ее расширенный/расширенный?

Answer 1

Вы можете использовать селектор :has() для проверки братьев и сестер:

$('div:not(:has(*))').each(function() { 
    $(this).prepend('-'); 
}); 

Это должно работать:

$('p').prepend('<span class="toggle">-</span>'); 

$("p").click(function() { 
    var sign = $(this).siblings('.toggle'); 

    $(this).next("div").toggle(); 

    if (sign.text() == '+') { 
    sign.text('-'); 
    } else { 
    sign.text('+'); 
    } 
}); 

Answer 2

Учитывая ваш HTML проще всего сделать, это изменить первый селектор

$("p:not(.boo)").click(function() { 
    // .... 
})