JQuery синтаксис селектора вопрос

Question

Вот мой HTML:

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

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

Я использую JQuery, чтобы скрыть dt/dd элементы, где тип входа спрятанных с этим кодом:

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

Но я также хотите применить это только к dt, где текст  . Как я могу сделать такой выбор?

Обновление: Может быть, мне нужно уточнить: Несколько человек отправили ответы, где он скрывает дд перед проверкой, если содержание DT также  . Оба условия должны быть истинными, прежде чем скрыть как dt, так и dd.

Окончательное решение: Вот что я закончил с:

$('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(); 
}); 

Это не отберет <dt>foo&nbsp;bar</dt>

который contains(' ') бы.

Более сжато (с кредитом Emil's answer)

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

Answer 2

Используйте contains селектор:

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

Answer 3

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

Этот код находит ближайший родительский вход с тег dd, скрывает его, затем ищет dt si bling и скрывает его.

Answer 4

содержит селектор не соответствует всему контенту, так что он может работать для вас, но это не является идеальным решением. Правильный способ сделать это состоит в использовании функции фильтра:

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

Answer 5

Это также делает трюк (адаптировано из более ранней версии ответа cobbal в):

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