0

我希望隐藏一个值为“foo”的提交按钮，但前提是它所在的 div 具有“foo2”类。

下面的 jQuery 完成了一半的工作，如果提交按钮的值包含“foo”，则隐藏提交按钮，但是它可以全面工作，无论它是否在 foo2 内。

<script type="text/javascript">
$(document).ready(function () {
   $("input[value=foo]").closest('div').hide();
});
</script>

有任何想法吗？

4

5 回答 5

1

你所需要的只是用它的类名来调用 div

<script type="text/javascript">
$(document).ready(function () {
   $("input[value=foo]").closest('div.foo2').hide();
});
</script>
于 2012-08-05T23:00:34.537 回答
0

只需将 div 的要求添加到closest选择器中：

$("input[value=foo]").closest('div.foo2').hide();
于 2012-08-05T23:00:24.140 回答
0

修改选择器而不是 .closest 运算符可能更干净。如果实际上有另一个带有 foo2 类的 div：

$(".foo2 input[value=foo]").closest('div').hide();
于 2012-08-05T23:01:40.910 回答
0

如果您只想隐藏按钮而不是整个 div：

<script type="text/javascript">
$(document).ready(function () {
   $("div.foo2 input[value=foo]").closest('div.foo2').find("input[value=foo]").hide();
});
</script>
于 2012-08-05T23:05:12.453 回答
0

尝试以下操作：

$('div.foo2').has('input[value=foo]').hide()
于 2012-08-05T23:05:17.973 回答