javascript - 在仅满足某些条件的 id 之间进行选择

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 个新 div。

感谢您的帮助。谢谢，

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/