Question

我有一个默认设置为display:none的元素。

<span class="Form__Element__ValidationError error" data-f-linked-name="__field_8321" data-f-validationerror="" style="display:none"></span>

当用户尝试提交表单而不填写必填字段时，="display:none;"将被删除，仅保留style属性。

<span class="Form__Element__ValidationError error" data-f-linked-name="__field_8321" data-f-validationerror="" style></span>

请注意，它只会显示style，而不会显示style=""。

在这种情况下，如何使用jQuery进行检查。

我尝试过：

if ($('.roicalculatorblock .error').css('display') !== 'none' ) {
        //do something
    }

但这不会触发。

Answer 1

请使用以下脚本，如果添加style ='display：block'属性，则执行条件。

<script>
$(document).ready(function(){
 if( $('p').is(':visible'))
 {
   alert("currently add display block property");
 }
});
</script>

Answer 2

到目前为止，谢谢您的建议。我最终以不同的方式解决了这个问题。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.common.exceptions import TimeoutException
from selenium.webdriver.support import expected_conditions as EC

with webdriver.Chrome() as driver:
    wait = WebDriverWait(driver, 10)
    driver.get('https://simpletire.com/catalog?select=1&brand=61&query=catalog')

    while True:
        try:
            item = wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR, "#load_button > button")))
        except TimeoutException: 
            item = ""

        if not item: break

        driver.execute_script("arguments[0].scrollIntoView();", item)
        item.click()

jQuery：检查元素样式是否已删除

2 个答案: