Question

我的网站上有与jQuery的冲突。我的脚本在jQuery中无法正常工作。请帮我把这个jQuery代码转换成JavaScript。谢谢！

         $('.row').each(function(){
         boxes = $(this).find('.product .ic>a');
         maxHeight = Math.max.apply(
             Math, boxes.map(function() {
                 return $(this).height();
             }).get());
         boxes.height(maxHeight);

Answer 1

我认为解决您的冲突总是更好Jquery.noConflict 。我建议修复冲突而不是转换为普通JS 如果你仍然需要转换它们，它可能看起来有点像这样。

var rows = document.querySelectorAll('.row')
for(var i=0; i<rows.length; i++){
     boxes = document.querySelectorAll('.row')[i].querySelectorAll('.product .ic>a');
     maxHeight = Math.max.apply(
         Math, boxes.map(function(box) {
             return box.clientHeight;
         }).get());
     boxes.style.height = maxHeight;
}

将jquery代码转换为javascript

1 个答案: