Question

我的HTML看起来像这样（输入没有ID或CLASS，其中一些还有其他属性，如VALUE）

<div id="yoo">
<div class="check">
     <input .......>
     <input .......>
     <input .......>
</div>

<div class="check">
      <input .......>
      <input .......>
      <input .......>
</div>
</div>

我需要能够使用Jquery仅从一个“check”div中定位特定输入我试过以下

$（“＃sam .check input”）。remove（） - 这将删除所有输入。 $（“＃sam .check”）。eq（1）.remove（） - 这将从“check”中删除所选输入 $（“＃sam .check”）。eq（1）。（“input”）。eq（2）.remove（） - 我希望这会选择一个特定的check元素，并在其中选择一个特定的输入元素，它不起作用。

如何只选择其中一个检查元素，然后只选择其中一个输入元素？

如果存在未知数量的其他子项（不是输入），有没有办法根据索引选择特定的输入元素？

有没有办法根据属性 - 值对选择元素？

Answer 1

要选择特定输入，您可以使用nth-child selector

$('.check input:nth-child(2)').remove();

这将删除类check的每个元素的第二个输入。

要从一个check div中删除，您可以执行以下操作：

$('.check:nth-child(1) input:nth-child(2)').remove();

这将删除第一个元素与类check的第二个输入。

要根据属性 - 值对进行选择，请执行以下操作：

$('[attribute="value"]').remove();

或者，如果您想指向具有特定参数的特定元素：

$('input[value="whatever"]').remove();

Answer 2

所以你只想选择第一个div下面的复选框？你总是可以给他们相同的类名，ID必须是唯一的。像这样的东西：

将div更改为：

<div class="check">
    <input .......>
    <input .......>
    <input .......>
</div>

然后此选择器应删除复选框。

$('.check:first input[type=checkbox]').remove();

不确定这是不是你想要的，但希望它有所帮助

没有ID或CLASS的jquery dom操作

2 个答案: