Jquery addClass問題

Question

有人能告訴我這是做什麼？我應該如何在我的html中引用這個？我想要的是在HTML中回顯錯誤消息。

$('#' + $field) 
    .addClass('invalid') 
    .siblings('.error') 
     .text($message) 
     .show(); 

Answer 1

$('#' + $field) 
    // finding an element that has the `id` of the string/object referred to by $field 
    .addClass('invalid') 
    // adding the class-name 'invalid' to this element 
    .siblings('.error') 
     // selecting the sibling element of class-name 'error' 
     .text($message) 
     // replacing the text of that sibling, if any, with the value represented by the variable '$message' 
     .show(); 
     // showing/un-hiding that element. 

你可以通過首先分配一個元件$field，加入類名稱「錯誤」的一個元素作爲元素的兄弟，和到$message變量分配信息使用此。

---

編輯迴應OP的澄清請求（在評論中）。

一個相當簡單的例子：

$(document).ready(
    function(){ 
     var $field = $('input[name=fieldName]').attr('id'); 
     var error = 'This field needs something else. Such as...'; 

     $('#'+$field).addClass('invalid').siblings('.error').text($message).show(); 
    } 
); 

<form action="" method="get"> 
    <fieldset> 
     <label for="fieldName">This is a label:</label> 
     <input type="text" name="fieldName" id="fieldName" /> 

     <div class="error"></div> 
    </fieldset> 
</form> 

Rudimentary demo at JS Fiddle

Answer 2

添加類名「無效」（類=「無效」），以選擇的域，然後在與類「.error」兄弟姐妹改變文本並顯示它們（刪除顯示：無）。