如何为现有类（wordpress）增加更多价值？

Question

我需要将“wsqmylogin”添加到现有课程中。
我尝试了以下代码，但它们都没有添加它。
请告诉我如何解决这个问题？

现有代码（由插件 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. 不要在你的类名中使用-。
2. id 必须是唯一的，因此在遍历每个文本框时不要使用 id。使用class。
3. 如果您只有 1 个textarea，则无需迭代，只需捕获 DOM 元素并应用您的 css。
4. setAttribute 替换你以前的整个课程，所以如果你想添加新课程，只需使用 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>