如何为现有 class (wordpress) 添加更多价值?

How to add more value to existing class (wordpress)?

我需要将 '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")

谢谢。

  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>