Jquery - impossible de sélectionner le div parent

J'espère que ce n'est pas une perte de temps, mais j'ai vraiment été à essayer de comprendre ce sur. Est-ce ma syntaxe. Je tiens simplement à supprimer la div parent ".numéro de ligne" une fois que le lien avec une classe de ".retirez-link" est cliqué.

Merci d'avance

<script>
$(document).ready(function(){
    $(".remove-link").click(function() {
        $(this).parent(".number-row").hide();
    })
})
</script>
<div class="number-row" >
   <div class="number-column">
         <div class="label-row">
             Select Country:
         </div>
         <div class="input-row">
             <select>
                 <option>1</option>
                 <option>2</option>
             </select>
         </div>
         <div class="label-row">
             Select Toll Free or City:
         </div>
         <div class="input-row">
             <select>
                 <option>1</option>
                 <option>2</option>
             </select>
         </div>
         <div class="label-row">
             Select Your Number:
         </div>
         <div class="input-row">
             <select>
                 <option>1</option>
                 <option>2</option>
             </select>
         </div>
     </div>
   <div class="number-column">
         <div class="label-row">
             Select Country:
         </div>
         <div class="input-row">
             <select>
                 <option>1</option>
                 <option>2</option>
             </select>
         </div>
         <div class="label-row">
             Enter Number to Forward to:
         </div>
         <div class="input-row">
            <input type="text" name="forward_number" id="forward_number" />
         </div>
         <div class="number-row-options">
            <a class="save-link" href="#">Save</a>
            <a class="remove-link" href="#">Remove</a>
         </div>                    
     </div>                    
</div>
  • la div n'a pas un parent qui a la classe "numéro de ligne"
  • il a un ancêtre commun peu de confusion entre le comportement des parents) et les parents().
InformationsquelleAutor | 2008-12-18
  1. 7

    Essayer les parents() au lieu de parent():

    $(document).ready(function(){
    $(".remove-link").click(function() {
        $(this).parents(".number-row").eq(0).hide();
    })
})
    • J'ai l'habitude de faire un slice(0, 1) et de s'en correspondant le plus proche parent, bien qu'avec une telle sélecteur, il pourrait ne pas être important..
    • pourquoi ne pas simplement :en premier?
    • vous pouvez utiliser :d'abord ou :eq(0)
    InformationsquelleAutor Jason Anderson
  2. 2

    Cela devrait le faire...

    $(document).ready(function(){ 
    $(".remove-link").click(function() { 
        $(this).parent().parent().parent().hide();
    }) 
})

    Noter que ce n'est pas supprimer, qui vous a demandé; il a simplement cache il. Vous pouvez utiliser remove() au lieu de hide() pour la retirer de la DOM.

    InformationsquelleAutor cLFlaVA