jquery - 如何访问通过 HTML jquery 函数添加的 DIV？

Question

我有一个通过 jquery 单击按钮提交的表单。当表单运行时，它会在 #results 中放置一些自定义 html，如下所示：

$('#run-scraper').click(function() {

    $('#scraper-form').submit();

    $('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">');

});

我在下面使用 jquery-form-validation。我想要做的是清除错误的结果 div。但它不起作用。HTML 出错时会保留在那里。单击按钮时添加结果后如何访问结果？

$.validate({
    form                    :   '#scraper-form',
    errorMessagePosition    :   'top',
    validateOnBlur          :   false,
    scrollToTopOnError      :   false,
    onError                 :   function($form) {

        $('#results').html('');

    }
});

Answer 1

像下面这样使用

$('#run-scraper').click(function() {
    $('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">');
    $('#scraper-form').submit();
});

Answer 2

在这里，您可以使用解决方案。

$.validate({
    form                    :   '#scraper-form',
    errorMessagePosition    :   'top',
    validateOnBlur          :   false,
    scrollToTopOnError      :   false,
    onError                 :   function($form) {
      $('div[class="loading"]).remove();
    }
});

下面的代码无效HTML

$('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">');

将此更改为

$('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif"></div>');

使用 empty方法清空#result容器的jQuery另一种方法。

$.validate({
    form                    :   '#scraper-form',
    errorMessagePosition    :   'top',
    validateOnBlur          :   false,
    scrollToTopOnError      :   false,
    onError                 :   function($form) {
      $('#results').empty();
    }
});

希望这会帮助你。