jquery select parent css

Question

最初のCSSクラスを選択するには.CategoryText<p>から発信しますか？

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

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

-

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

それは動作しません。これにより、ファーストクラス.CategoryTextからのすべての発信が選択されます。私は1つだけを選択したい - 最初のクラス.CategoryText。

Answer 1

トライPREV（）/（）

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

Answer 2

は、あなたが適切なjQueryのトラバースセレクターを見つけましょう

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

これを見てみるでしょう。

Answer 3

これは、あなたが1あまりにも多くの.parent()を使用しているため、テキストのすべてが消えている次の$(".CategoryText:first-of-type")

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

Answer 4

最初のクラスを選択しますコール。また、jQueryにはの便利なメソッドが組み込まれており、display: noneが設定されています。

これを試してみてください：

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

Answer 5

私はこの権利を得た場合は本当にわかりません。 したがって、.CategoryText > pは、すべてのp要素を、クラスCategoryTextの要素の直下の子要素として選択します。 :firstでは、最初に一致する要素のみを選択します。 次に、.parent()で親を選択すると、クラス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)")