jQuery -查找元素并显示或隐藏
jQuery -查找元素并显示或隐藏
提问于 2018-08-01 16:52:47
我有以下标记：
<footer class="form__footer">
<div class="form__actions">
<div class="form__action form__action--primary">
<button class="button button--chevron-right button--primary"
name="next"
type="submit"
value="Next">Next
</button>
</div>
<div class="form__action form__action--secondary">
<button class="button button--chevron-left button--standout"
name="back"
type="submit"
value="Previous">Previous
</button>
</div>
</div>
</footer>当下拉菜单的值改变时，我想显示/隐藏下一步按钮。下面抛出jquery语法错误：Syntax error, unrecognized expression: button, input[type='submit', name='next']
$( "footer.form__footer" ).find("button, input[type='submit', name='next']").hide();下面的代码隐藏了这两个按钮：
$( "footer.form__footer" ).find("button, input[type='submit'][ name='next']").hide();只隐藏next按钮的正确语法是什么？
回答 4
Stack Overflow用户
发布于 2018-08-01 16:56:23
当你有一个按钮时，为什么你引用一个输入，使用：
$( "footer.form__footer" ).find("button[name='next']").hide();
setTimeout(function() {
$("footer.form__footer").find("button[name='next']").hide();
}, 500);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<footer class="form__footer">
<div class="form__actions">
<div class="form__action form__action--primary">
<button class="button button--chevron-right button--primary" name="next" type="submit" value="Next">Next
</button>
</div>
<div class="form__action form__action--secondary">
<button class="button button--chevron-left button--standout" name="back" type="submit" value="Previous">Previous
</button>
</div>
</div>
</footer>
Stack Overflow用户
发布于 2018-08-01 16:59:52
好的，我已经想好了：
$( "footer.form__footer" ).find("button[name='next']").hide();Stack Overflow用户
发布于 2018-08-01 17:00:10
我假设您正在尝试从DOM中查找button或input元素。您可以尝试以下方法。这将从目标容器中隐藏匹配的元素
$( "footer.form__footer" ).find("button[type='submit'][ name='next'], input[type='submit'][ name='next']").hide();<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<footer class="form__footer">
<div class="form__actions">
<div class="form__action form__action--primary">
<button class="button button--chevron-right button--primary"
name="next"
type="submit"
value="Next">Next
</button>
</div>
<div class="form__action form__action--secondary">
<button class="button button--chevron-left button--standout"
name="back"
type="submit"
value="Previous">Previous
</button>
</div>
</div>
</footer>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51629111
复制相关文章
相似问题