没有ID或CLASS的jquery dom操作

时间:2014-03-21 19:02:45

标签: jquery dom

我的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元素,并在其中选择一个特定的输入元素,它不起作用。

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

如果存在未知数量的其他子项(不是输入),有没有办法根据索引选择特定的输入元素?

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

2 个答案:

答案 0 :(得分: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();

答案 1 :(得分:0)

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

将div更改为:

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

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

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

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