jQuery ID le plus proche de ma liste

Question

J'espère que vous pouvez conseiller, j'essaie de trouver le plus proche ou un parent id. Je pense que c'est peut-être plus facile de vous montrer.

Voici un exemple de code.

<li id="search" class="widget color-green"> 
    <div class="widget-head"></div> 
    <div class="edit-box" style=""> 
    <li class="item"> 
     <label>Available colors:</label> 
     <ul class="colors"> 
      <li class="color-yellow"/> 
      <li class="color-red"/> 
     </ul> 
    </li> 
    </div> 
</li> 

Donc, dans cet exemple, si je clique sur je veux la couleur rouge élément de la liste ou la couleur jaune pour connaître la valeur du plus proche id qui, dans cet exemple serait la recherche

Ive a essayé un certain nombre de façons et ne peut pas sembler l'épingler.

Espérons que quelqu'un peut vous conseiller et vous remercier à l'avance si vous le pouvez.

Answer 1

Cela répondra à vos besoins:

$(function() { 
    $('ul.colors > li').click(function() { 
     alert($(this).closest('[id]').attr('id')); 
    }); 
}); 

Il vérifie le parent le plus proche de l'élément qui a cliqué sur l'attribut id.