jQuery, если какой-либо из родителей родителей начинается с

Question

Итак, что я пытаюсь достичь, это способ проверить, начал ли какой-либо из родителей родителей какой-либо элемент. Вот как далеко я зашел:

$('.element').click(function(e){ 
    if($(this).is('[href^="X"')){ 
     // How to check if the clicked element's href begins with X 
    } 
}); 

Но это не то, что я хочу. Я хочу проверить, есть ли у какого-либо из родителей элемента href, начинающегося с чего-то.

Любые идеи?

Gustaf

Answer 1

Я хотел бы предложить, учитывая, что гнездишься в <a> элемента является недействительным, так что может быть только один предком <a> элемента (или нет предка <a> элементов, очевидно):

$('.element').click(function(e){ 
    // here we use a terribly-, but meaningfully-, named variable 
    // to hold the Boolean result of the assessment; 
    // the assessment looks from the clicked element up through 
    // the ancestors for the first <a> element matching the 
    // attribute-starts-with selector ([href^=x]) 
    // this will return either 1 or 0 elements. 
    // we check the length; if it's equal to 1 then the ancestor 
    // has an href starting with x, if it's 0 then there is either 
    // no ancestor <a> element or no ancestor <a> element with a 
    // href matching the attribute-starts-with selector: 
    var ancestorAnchorStartsWithX = $(this).closest('a[href^=x]').length === 1; 
}); 

Это стоит упомянуть, как @A. Wolff did, в комментариях ниже, что:

& hellip; closest() [также проверяет] элемент.

Это означает, что если сам клике элемент соответствует селектор, подаваемое на ближайший (и, следовательно, является <a> элемент с href начиная с x), то оценка возвращает истину, даже если это не является предком элемента. Я считал эту функцию – при записи селектора –, но я забыл подробно, что в самом ответе.

Если это считается ошибкой, то вариант с parents('a[href^=x]') вместо closest('a[href^=x]') будет более уместным для вашего прецедента.

Ссылки:

• CSS:
  • Attribute-selectors.
• JQuery:
  • click().
  • closest().

Answer 2

Это то, что вы хотите:

$('.element').click(function(e){ 
     var $parents=$(this).parents(); 
     var matches=$parents.filter('[href^="x"]'); 
     if(matches.length){ 
     } 

    } 
}); 

Answer 3

$(".element").click(function(e) { 
 
    var res = $(this).parents("[href^=X]").is("*"); 
 
    console.log(res); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 

 
<a href="Xabc123"> 
 
    <div class="element">click</div> 
 
    </a>