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>

Если вы используете какие-либо js-фреймворки, такие как jQuery, вы можете легко уменьшить длина кода до 2 или 3 строк.