.has()S2C Home « Filtering « .has()

• <<    .first()
• .is()     >>

Has descendants filter.

Description

The .has() method is used to reduce the matched set to to those elements that have a descendant that matches the specified selector or DOM element.

Syntax

Parameters

Return

A jQuery object containing the filtered subset of elements.

.has( selector ) ExampleTop

Reduce the matched set to those elements that have a descendant that matches the selector.

In the example below we select all 'p' elements that have an 'i' descendant and turn the background colour yellow.

$(function(){
  $('#btn15').on('click', function() {
    $('#main p').has('i')
                .css('backgroundColor', 'yellow'); 
  });
});

.has( contains ) ExampleTop

Reduce the matched set to those elements that have a descendant that matches the DOM element.

In the example below we select paragraph with an id of 'para16' and save the DOM element. We then select all forms on the page and turn the background colour to orange on the form with the saved DOM element.

$(function(){
  $('#btn16').on('click', function() {
    var para16 = document.getElementById('para16');
    $('#main form').has(para16)
                   .css('backgroundColor', 'orange'); 
    });
  });
});

• <<    .first()
• .is()     >>