如果存在类别，则在表单域中显示值

Question

正确输入并提交表单域（#submit_btn）时，我的值将消失。当它们无效时，这不会发生。我试图用jQuery修复这个问题：

$('#submit_btn').click(function() { 
    if($("#register .wpcf7-mail-sent-ok") === true) { 
     $('#name-007').val('Full Name').show(); 
     $('#email-007').val('Email').show(); 
     $('#phone-007').val('Phone Number').show(); 
    } 
}); 

但它不工作。

编辑：#register被父母.wpcf7-mail-sent-ok是孩子

任何想法？

Answer 1

从我的理解这应该为你工作：

$('#submit_btn').click(function() { 
    if($("#register .wpcf7-mail-sent-ok")) { 
     $('#name-007').val('Full Name').show(); 
     $('#email-007').val('Email').show(); 
     $('#phone-007').val('Phone Number').show(); 
    } 
}); 

检查$("#register .wpcf7-mail-sent-ok")与true不会因为它的工作是一个DOM对象，它是真理-SY但不严格相同true

Answer 2

尝试这是：

$('#submit_btn').click(function() { 
    if($("#register .wpcf7-mail-sent-ok").length) { 
     $('#name-007').val('Full Name').show(); 
     $('#email-007').val('Email').show(); 
     $('#phone-007').val('Phone Number').show(); 
    } 
}); 

这是检查元素是否存在的“正确”方法。 不需要使用 “> 0” 或 “===”

Answer 3

$('#submit_btn').click(function() { 
    if($("#register").hasClass("wpcf7-mail-sent-ok") { 
     $('#name-007').show(); 
     $('#email-007').show(); 
     $('#phone-007').show(); 
    } 
});