mediawiki-extensions-Thanks/modules/jquery.findWithParent.js
libraryupgrader 830bfffa5c build: Updating npm dependencies
* eslint-config-wikimedia: 0.27.0 → 0.28.0
* grunt-stylelint: 0.19.0 → 0.20.0
* stylelint-config-wikimedia: 0.16.1 → 0.17.1

Change-Id: I0f57a77c738f26a0cda10af9f3891d4beee447d9
2024-06-08 05:08:42 +00:00

57 lines
1.5 KiB
JavaScript

( function () {
/** @class jQuery */
/**
* Adds support to find parent elements using .closest with less-than selector syntax.
*
* $.findWithParent( $div, "< html div < body" ); // find closest parent of $div "html", find child "div" of it, find closest parent "body" of that, return "body"
* $( '#foo' ).findWithParent( '.bar < .baz' ); // find child ".bar" of "#foo", return closest parent ".baz" from there
*
* @method findWithParent
* @param {jQuery|HTMLElement|string} $context
* @param {string} selector
* @return {jQuery}
*/
function jQueryFindWithParent( $context, selector ) {
$context = $( $context );
selector = selector.trim();
let matches;
while ( selector && ( matches = selector.match( /(.*?(?:^|[>\s+~]))(<\s*[^>\s+~]+)(.*?)$/ ) ) ) {
if ( matches[ 1 ].trim() ) {
$context = $context.find( matches[ 1 ] );
}
if ( matches[ 2 ].trim() ) {
$context = $context.closest( matches[ 2 ].slice( 1 ) );
}
selector = matches[ 3 ].trim();
}
if ( selector ) {
$context = $context.find( selector );
}
return $context;
}
$.findWithParent = jQueryFindWithParent;
/** @class jQuery.fn */
/**
* @param {string} selector
* @return {jQuery}
* @see jQuery#findWithParent
*/
$.fn.findWithParent = function ( selector ) {
let selectors = selector.split( ',' ),
$elements = $(),
self = this;
selectors.forEach( ( sel ) => {
$elements = $elements.add( jQueryFindWithParent( self, sel ) );
} );
return $elements;
};
}() );