如何访问通过 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>');

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

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

希望对您有所帮助。

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

How to access DIV that was added via HTML jquery function?

validation

jquery

jquery-form-validator