JQuery find first parent element with specific class prefix

Question

I want to get the first parent which has a specific class prefix  suppose    lt div class  div-a3332  gt      lt div class  div-a89892  gt       lt p gt         lt div class  div-b2  gt           lt div id  divid  gt hi lt  div gt         lt  div gt       lt  p gt     lt  div gt   lt  div gt    For example  my current element is  divid and I want to find the first element that has the class prefix div-a  So basically it will select     lt div class  div-a89892  gt

User · Answer

Jquery later allowed you to to find the parents with the .parents() method.

Hence I recommend using:

var $div = $('#divid').parents('div[class^="div-a"]');

This gives all parent nodes matching the selector. To get the first parent matching the selector use:

var $div = $('#divid').parents('div[class^="div-a"]').eq(0);

For other such DOM traversal queries, check out the documentation on traversing the DOM.

User · Answer

Use  closest   with a selector   var  div       divid   closest  div class   div-a

[jquery] JQuery find first parent element with specific class prefix

Examples related to jquery

Examples related to jquery-selectors