jquery select parent css

Question

如何选择从<p>传出的第一个css类.CategoryText？

<div class="CategoryText NoPadding"> 
    text 
</div> 

<div class="CategoryText NoPadding"> 
    <p>text</p> 
</div> 

-

$(".CategoryText > p").parent().parent().css({"display": "none",}); 

它不工作。这将选择第一类.CategoryText的所有输出。我只想选择一个 - 第一类.CategoryText。

Answer 1

试上一个（）/下一个（）

$(".CategoryText > p").parent().prev('.CategoryText').css({"display": "none"}); 

Answer 2

会看看

http://www.w3schools.com/jquery/jquery_traversing_descendants.asp

这将帮助你找到正确的jQuery遍历选择。

Answer 3

因为你使用这将选择第一类$(".CategoryText:first-of-type")

https://jsfiddle.net/hjbj5do4/1/

Answer 4

所有的文字正在消失的太多.parent()调用。 jQuery也有一个内置的.hide()便利方法来为你设置display: none。

试试这个：

$('.CategoryParent>p').parent().hide();

Answer 5

我真的不知道，如果我得到这个权利。 因此，.CategoryText > p选择所有p元素是具有类CategoryText的元素的直接子元素。用:first您只选择第一个匹配的元素。 然后，与.parent() ou选择其父，所以类的元素CategoryText。

这里是一个演示：

var e = $('.CategoryText > p:first').parent(); 
 
console.log(e.length + " mached element"); // only one matched item 
 
console.log(e.html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script> 
 
<div class="CategoryText NoPadding"> 
 
    text 
 
</div> 
 

 
<div class="CategoryText NoPadding"> 
 
    <p>text 1</p> 
 
</div> 
 
<div class="CategoryText NoPadding"> 
 
    <p>text 2</p> 
 
</div>

Answer 6

您可以选择CategoryText类的第一个元素像：$(".CategoryText:nth-child(1)")