WooCommerce：添加自定义类以选择包装器

Question

一个简短的问题：当我的自定义类select-wrapper仅包含选择内容时，如何将其添加到输入包装器中？

<span class="woocommerce-input-wrapper select-wrapper">
    <select name="billing_title" id="billing_title" class="select " data-placeholder="">
       <option value="1" selected="selected">Herr</option><option value="2">Frau</option>
    </select>
</span>

我在网络上找不到任何可以帮助我提出该主题的东西。

Answer 1

您可以使用以下javascript代码。

<script type="text/javascript">
var nodes = document.getElementsByClassName("woocommerce-input-wrapper");

for(var i=0; i<nodes.length; i++) {
    var cnt = 0;
    for (let node of nodes[i].childNodes) {

      if(node.nodeName.toLowerCase() == 'select'){
        cnt++;
        break;
      }

    }
    if(cnt > 0)
    nodes[i].classList.add("select-wrapper");

}
</script>

  

如果您使用的是jQuery之类的js框架，则可以轻松地减少   代码长度为2或3行。