syntaxe du sélecteur jQuery question

Question

Voici mon html:

<form> 
    <dl> 
     <dt>&nbsp;</dt> 
     <dd><input type="hidden"></dd> 

     <dt>Dont hide this one</dt> 
     <dd><input type="text"></dd> 
    </dl> 
</form> 

J'utilise jQuery pour cacher les éléments dt/dd où le type d'entrée est cachée avec ce code:

$("input[type=hidden]").each(function() { 
    $(this).parent().hide().prev().hide(); 
}); 

Mais je aussi seulement vouloir appliquer à dt s où le texte est  . Comment puis-je faire ce genre de sélection?

Mise à jour: Peut-être que je besoin de préciser: Quelques personnes ont posté des réponses où il se cache le dd avant de vérifier si le contenu du dt est également  . Les deux conditions doivent être vraies avant de masquer le dt et le dd.

Solution finale: Voici ce que j'ai fini avec:

$('input[type=hidden]').filter(function() { 
    return $(this).closest('dd').prev('dt').html() === ' '; 
}).each(function() { 
    $(this).closest('dd').hide() 
      .prev('dt').hide(); 
}); 

Answer 1

$("input[type=hidden]").filter(function() { 
    return $(this).parent().prev('dt').html() === " "; 
}).each(function() { 
    $(this).parent().hide().prev().hide(); 
}); 

Cela ne sélectionnez <dt>foo&nbsp;bar</dt>

qui contains(' ') serait.

Plus de façon concise (avec crédit à Emil's answer)

$("input[type=hidden]").filter(function() { 
    return $(this).closest('dd').prev('dt').html() === " "; 
}).closest('dd').hide().prev('dt').hide(); 

Answer 2

Utilisez le sélecteur contains:

$("dt:contains(' ')").hide();

Answer 3

$("input[type=hidden]").each(function() { 
    $(this).closest('dd').hide() 
      .prev('dt').hide(); 
}); 

Ce code trouve le parent le plus proche de l'entrée avec tag dd, le cache, puis cherche un dt bling et le cache aussi bien.

Answer 4

Le sélecteur contient ne correspond pas à tout le contenu, il peut travailler pour vous, mais ne constitue pas une solution idéale. La bonne façon de le faire est d'utiliser la fonction de filtre:

$('input[type=hidden]').filter(function() { 
    return $(this).prev().html() == ' ' 
}) 
.each(function() { 
    $(this).hide(); 
    $(this).prev().hide(); 
}); 

Answer 5

Cela fait aussi l'affaire (adapté d'une version antérieure de la réponse de cobbal):

$("input[type=hidden]").each(function() { 
    if ($(this).parent().prev().filter(function() { 
     return $(this).html() === " "; 
    }).hide().length > 0) { 
     $(this).hide(); 
    } 
});