如何為現有的 class（wordpress）增加更多價值？

Question

我需要將“wsqmylogin”添加到現有的 class。
我嘗試了以下代碼，但它們都沒有添加它。
你能告訴我如何解決這個問題嗎？

現有代碼（由插件 YITH 創建）：

<form id="yith-ywraq-default-form">
     <p class="form-row " id="message_field" data-priority="">
          <textarea name="message" class="input-text " id="message" placeholder=""></textarea>
    </p>
</form>

我試過了：

jQuery('#yith-ywraq-default-form #message_field textarea[class="input-text"]').each(function()
{ this.setAttribute('class', 'wsqmylogin'); });

jQuery("#yith-ywraq-default-form #message_field textarea").prop("classs","wsqmylogin");

jQuery("#yith-ywraq-default-form #message_field  .input-text").prop("wsqmylogin")

謝謝你。

Answer 1

1. 不要在您的 class 名稱中使用- 。
2. id必須是唯一的，因此在遍歷每個文本框時不要使用id 。 使用class 。
3. 如果您只有 1 個textarea ，無需迭代，只需捕獲 DOM 元素並應用您的 css。
4. setAttribute替換你以前的整個 class 所以如果你想添加新的 class 只需使用addClass

 jQuery('#yith-ywraq-default-form.form-row textarea[class="inputtext"]').each(function() { this.setAttribute('class', 'inputtext wsqmylogin'); //jQuery(this).addClass('inputtext wsqmylogin'); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="yith-ywraq-default-form"> <p class="form-row" id="message_field" data-priority=""> <textarea name="message" class="inputtext" id="message" placeholder=""></textarea> </p> </form>