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出错时，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>');

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

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

希望这会对你有所帮助。

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

2 个答案: