Question

我有以下html结构，并希望计算外input内的foo的数量 - 在一个页面上可能有多个foo的实例，因此我想计算每个实例

<div class="foo">
  <div>
    <input type="text...>
    <label></label>
    <input type="text...>
    <label></label>
  </div>
</div>

这是我正在尝试的内容，但当然它失败了，因为this是一个卑鄙而div和input不是

$(".foo").each( function () {
  console.log( $(this > div > input).length );
})

有办法做到这一点吗？

Answer 1

使用：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:background="#e7e7e9">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/title"
    android:id="@+id/textView10"
    android:textSize="20sp"
    android:textColor="#000000"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true" />


<Button
    android:layout_width="120dp"
    android:layout_height="40dp"
    android:text="@string/yes"
    android:id="@+id/share"
    android:background="@drawable/loginbutton"
    android:textSize="12sp"
    android:gravity="center_vertical|center_horizontal"
    android:layout_gravity="left|bottom"
    android:layout_marginTop="30dp"
    android:layout_below="@+id/textView15"
    android:layout_alignLeft="@+id/textView15"
    android:layout_alignStart="@+id/textView15" />

<Button
    android:layout_width="120dp"
    android:layout_height="40dp"
    android:text="@string/no"
    android:id="@+id/no"
    android:layout_gravity="bottom|right"
    android:background="@drawable/loginbutton"
    android:textSize="12sp"
    android:gravity="center_vertical|center_horizontal"
    android:layout_alignTop="@+id/share"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

  </RelativeLayout>

Answer 2

选中此Demo

$(".foo").each( function () {
  console.log( $(this).find('input').length );
})

计算“这个”的子元素

2 个答案: