Question

我想要隐藏一个值为'foo'，的提交按钮，但仅当它所在的div有一个'foo2'类时。

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

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

有什么想法吗？

Answer 1

您只需要使用类名

调用div

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

Answer 2

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

$("input[value=foo]").closest('div.foo2').hide();

Answer 3

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

$(".foo2 input[value=foo]").closest('div').hide();

Answer 4

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

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

Answer 5

尝试以下方法：

$('div.foo2').has('input[value=foo]').hide()

根据提交按钮的值隐藏div

5 个答案: