Woocommerce修改结帐页面上的html吗？

Question

我正在尝试将checkout页面的“某些”字段包装在div中，并注入一些按钮，因为我正在实现一些地址验证。

从基本上开始，我需要在公司，地址行1，地址行2，城镇和邮政编码周围进行包装，这样我可以显示/隐藏它们，但似乎什么也无法工作。这是我尝试过的-

在我的过滤器文件中：

function change_woocommerce_field_markup($field, $key, $args, $value){
    if($key === 'billing_company') {
        $field = '<div class="address-wrapper">'.$field;
    }
    else if ($key === 'billing_postcode') {
        $field = $field.'</div>';
    }
    else {
        $field = $field;
    }
    return $field;
}
add_filter('woocommerce_form_field', '\App\change_woocommerce_field_markup', 10, 4);

因此，我正在使用打开和关闭包装器的html附加和附加相关字​​段。但是，结果HTML看起来像这样：

<div class="address-wrapper"></div> <p class="form-row form-row-first validate-required" id="billing_first_name_field".... <p class="form-row form-row-last validate-required" id="billing_last_name_field"....

因此将包装纸放在容器的顶部！我不明白，这是怎么回事？

谢谢 凯文