如何为现有 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

不要在您的 class 名称中使用 -。
id 必须是唯一的，因此在遍历每个文本框时不要使用 id。使用 class.
如果您只有 1 个 textarea 无需迭代，只需捕获 DOM 元素并应用您的 css.
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>

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

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

jquery

wordpress

class

add