jQuery选择器取决于孩子

Question

我有一个由一些文本输入组成的HTML表单。我正在使用jqTransform来美化它们。现在我想添加两个按钮，它们将动态添加和删除文本输入。

添加很简单：   $（ '＃集装箱'）追加（ ''）。   $（ '输入[名称= FOO]：最后子'）。jqTransInputText（）;

但删除是棘手的：   $（ 'WHAT-TO-SELECT'）除去（）;

我不能做“输入[name = foo]：last-child”因为它已经被jqTransform包装（一些div）。以另一种方式提出这个问题：我如何根据“谁输入类型为'foo'的孩子作为其姓名”进行选择？

Answer 1

您可以尝试选择input with 'foo' as its name并抓住它的父母。

$('input[name=foo]').closest('.parentSelector').remove();

Answer 2

不完全确定你的意思。但看起来你可以通过链接来做更多的工作..即...

$('input[name=foo]:last-child').jqTransInputText().remove();

我不确定这是否正是您要找的......如果没有，请查看jQuery中的find function。

Answer 3

$('input[name=foo]').parent().remove();

此外，父方法也可以提供普通选择器，以便只删除特定的父级。

Answer 4

我关闭问题不是通过解决问题，而是用div包含输入标记，从而消除了问题。所以要删除输入标记，我只需删除div。无论如何，谢谢你！