Question

我的项目遇到问题。我的用户可以通过单击一个按钮来创建一个新的div，但是他可以删除任何想要的div，并期待第一个。因此，如果他创建2个新的div，则代码将如下所示：

<div id="container1">
<input type="text" id="title1"><br />
<input type="text" id="description1">
</div>
<div id="container2">
<input type="text" id="title2"><br />
<input type="text" id="description2">
</div>
<div id="container3">
<input type="text" id="title3"><br />
<input type="text" id="description3">
</div>

如果用户删除第二个div，我的代码将如下所示。

<div id="container1">
<input type="text" id="title1"><br />
<input type="text" id="description1">
</div>
<div id="container3">
<input type="text" id="title3"><br />
<input type="text" id="description3">
</div>

非常简单。现在，我想使用用户在文本输入中输入的信息，但是我不知道如何选择活动的div。在上面的示例中，是否可以选择container1和container3？请记住，用户最多可以使用99个新的分区。

感谢您的帮助。谢谢

Answer 1

只需应用CSS选择器：

<div id="parent">
    <div id="container1">
        <input type="text" id="title"><br />
        <input type="text" id="description">
    </div>
    <div id="container3">
        <input type="text" id="title1"><br />
        <input type="text" id="description1">
    </div>
</div>

$('#parent > div')

有关更多信息，请参见此处：https://api.jquery.com/category/selectors/

Answer 2

首先，您具有ID为“ title”和“ description”的多个div，因此请将其更改为class。您可以使用jquery选择nth div：$("#container" + n)

您可以选择nth div的标题：`$（“＃container” + n）.children（“。title”）;

您可以通过向其添加一个类来选择所有div，例如.container

Answer 3

您可以为每个项目添加一个类。您需要修改单击按钮来处理此代码。

假设您给所有标题提供了一个“ myTitle”类，并且给所有描述提供了一个“ myDescription”类。您创建的div如下所示：

<div id="container1">
  <input type="text" id="title" class="myTitle"> 
  <br />
  <input type="text" id="description" class="myDescription">
</div>

现在，为了获取所有标题和描述，您将使用jQuery并说：

$('.myTitle').each(function () {
  console.log($(this).val());
});

$('.myDescription').each(function () {
  console.log($(this).val());
});

在仅满足某些条件的ID之间选择

3 个答案: