如何訪問通過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的形式驗證。我想要做的就是清除錯誤結果。但它不工作。當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(); 
 
    } 
 
});

希望這會幫助你。