Question

我正在尝试在用户点击提交按钮时隐藏元素。

    <div class="form-group submit">
        <input type="submit" value="Submit Answers" class="button">
        <br>
        <a href="#" data-dismiss="modal" >No Thanks</a>
        <?php endif; ?>
    </div>
</form>
<div class="no-thanks" style="padding-top:0;">
    <a href="#"><h3>No Thanks</h3></a>
</div>

$().ready(function() {
    $('submit').click(function() {
        $('no-thanks').hide(); //or i would like to do this $('no-thanks').addClass('hidden') im using bootstrap
    });
});

我做错了什么？

Answer 1

您错过了$().ready(function() {的选择器，它应该是$(document).ready(function() {
您没有选择提交按钮，您需要在标记中添加id属性，然后使用该选择器选择元素。
您错过了此行$('no-thanks').hide();中类选择器的句点，它应该是$('.no-thanks').hide();

＆＃13;

$(document).ready(function() {
    $('#submit').click(function() {
        $('.no-thanks').hide();
     });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <div class="form-group submit">
        <input id="submit" type="submit" value="Submit Answers" class="button">
        <br>
        <a href="#" data-dismiss="modal">No Thanks</a>
        <?php endif; ?>
    </div>
</form>
<div class="no-thanks" style="padding-top:0;">
    <a href="#"><h3>No Thanks</h3></a>
</div>

＆＃13;

Answer 2

你需要使用no-thanks作为一个css类选择器。 $（＆＃34;。无-感谢＆＃34）

所以你所遗忘的是告诉jQuery你正在寻找一个css类的点。

编辑：我认为您在第一行中缺少文档选择器： $（文件）。就绪（...）;

Answer 3

您的选择器错了。您有$('submit')我假设您正在尝试定位<input type="submit">按钮。在给定的用例中，正确的选择器是$('input[type="submit"]')。

此外，正如其他人所指出的那样，$('no-thanks')也不会选择任何东西。您需要使用$('.no-thanks')（'。'css类选择）。

有关jQuery选择器的更多信息： https://api.jquery.com/category/selectors/

特别针对属性（“类型”）选择器：https://api.jquery.com/attribute-equals-selector/

＆安培;

选择课程：https://api.jquery.com/class-selector/

hide（）和click（）方法jquery

3 个答案: