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 s，其中的文字是 。我該如何做這種選擇？

更新：也許我需要澄清：有些人在檢查dt的內容是否也是 之前發佈了答案，它隱藏了dd。在隱藏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金光閃閃和隱藏它。

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