jQuery-選擇有孩子的父母

Question

我有一個Div，其中可能包含帶有“ datepicker”類的INPUT

<div class="rereg-input180">
     ... some layers
         <input class="one two datepicker three">
               ....

我需要將Style =“ clear”應用於頂部d​​iv。 但是，我不希望該div不包含datepicker子級。

如何選擇呢？

Answer 1

你可以這樣做 -

$div = $('.rereg-input180');

if($div.find('.datepicker').length){
  // apply style
}

Answer 2

您也可以這樣做：

$('.datepicker').closest('.rereg-input180').addClass('clear');

Answer 3

您可以使用.has（） http://api.jquery.com/has/假定您都希望清除兩者，如果是清除類，則可以只使用.addClass（）而不是.css（）

$('.rereg-input180').has('.datepicker').css('clear', 'both');

如果您想更具體一點，可以做

$('.rereg-input180').has('input.datepicker').css('clear', 'both');

Answer 4

您可以使用以下選擇器：

$('div.rereg-input180:has(:text.datepicker)').css('clear', 'both')

Answer 5

您可以使用： jQuery的 .parent()

$(".datepicker").parent().css("clear","both");