Question

我有以下布局：

<div class="container">
  <p> target </p>
  <p> target </p>
     <div>
       <p> not target </p>
     </div>
</div>

我的问题是，如何使用<p>定位所有顶级target代码（请参阅.find()）？

我可以通过以下方式定位所有 <p>标签：

jQuery(this).find("p"); // 'this' is .container

我可以通过以下方式定位第一个 <p>标记：

jQuery(this).find("p").first();

但我希望定位<p>中的顶级.container代码。

使用CSS，我可以通过以下方式执行此操作：.container > p

Answer 1

您可以使用CSS直接子选择器：

.children()

或者您可以使用jQuery(this).children("p");

if (c > d) {
                    Collections.swap(eventList, i, i+1);
                    sortDates(eventList); // <-- Row 30
                }

Answer 2

您可以使用直接后代选择器：

<android.support.v7.widget.AppCompatButton
android:layout_width="200dp"
android:layout_height="200dp"
android:text="Button"
android:stateListAnimator="@null"
android:elevation="0dp"
android:background="@android:color/darker_gray"
android:foreground="?attr/selectableItemBackground"
/>

Answer 3

如果使用jquery，您将使用以下选择器

$(".container > p");

或

 $(".container").find("> p")[0];

你可以做普通的javascript

document.querySelectorAll('.container > p');

div中的.find（）顶级<p>标签

3 个答案: