如何获取具有某个类的所有父元素，并且其子元素通过jQuery在其给定属性中具有某个字符串值？

Question

我怎样才能得到所有的HTML父元素有一个叫做".example"的css类和他们的孩子<a></a>元素包含字符串值说sample-section在href属性通过jQuery？

下面是一个例子：

<li class="example"> 
    <a href="root/sample-section/p01">Page 1</a> 
</li> 
<li class="example"> 
    <a href="root/sample-section/p02">Page 2</a> 
</li> 
<li class="example"> 
    <a href="root/another-section/p01">Page 1</a> 
</li> 
<li class="example"> 
    <a href="root/another-section/p02">Page 2</a> 
</li> 

我希望能够通过jQuery我上面提到的，以获得第一，在这个例子中，第二<li></li>元素（它们包含字符串“样品部分”）标准并向他们添加某些其他类。提前致谢！

Answer 1

$('a[href*=sample-section]').parent('.example'); 

http://jsfiddle.net/mblase75/eG82u/

或

$('.example').filter(function(){ 
    return $(this).children('a[href*=sample-section]').length; 
}); 

http://jsfiddle.net/mblase75/kWV86/

- 应该返回相同的结果。

http://api.jquery.com/attribute-contains-selector/

http://api.jquery.com/filter/

Answer 2

与^使用属性选择器，其获取与给定文本

所有的HREF开始尝试这个..

console.log($('a[href^="root/sample-section/"]').parent()) 

或*选择所有元素具有包含值的指定属性给定的子字符串。

console.log($('a[href*="sample-section"]').parent()) 

fiddle here

Answer 3

试试这个：

$('li.example > a[href*="sample-section"]').closest('li.example'); 

Answer 4

在一个行：

$('li.example a[href*="sample-section"]').parent(); 

jsFiddle example

Answer 5

$('li.example a[href*="another-section"]').each(function() { 
    $(this).closest('li'); 
});