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

Question

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

$('#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>');

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

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

希望这对您有所帮助。