如何在 jquery 中使用 querySelector 使用 .on()？

Question

我想用querySelector方法重写下面的jquery代码

<script type="text/javascript">
jQuery(function($){
    $('#woocommerce-product-data').on('woocommerce_variations_loaded', function() {
        $(this).find('.woocommerce_variation').each(function() {

       });
    });

});
</script>

Answer 1

const EL_wc_pdata = document.querySelector("#woocommerce-product-data");
EL_wcp_data.addEventListener("woocommerce_variations_loaded", function() {
  const ELs_wc_var = EL_wc_pdata.querySelectorAll(".woocommerce_variation");
  ELs_wc_var.forEach(el => {
    // el.
  });
});