Javascript 将此jquery转换为纯JS最有效的跨浏览器方式

Javascript 将此jquery转换为纯JS最有效的跨浏览器方式,javascript,jquery,Javascript,Jquery,在您看来,将这个jquery转换为包括IE在内的纯js的最佳方式是什么 要访问父级,可以对触发处理程序的元素使用.parentNode document.querySelectorAll('.star.rating').forEach(elem, function() { elem.addEventListener('click', setRating); }); function setRating() { var rating = this.getAttribute('da

在您看来,将这个jquery转换为包括IE在内的纯js的最佳方式是什么


要访问父级,可以对触发处理程序的元素使用
.parentNode

document.querySelectorAll('.star.rating').forEach(elem, function() {
    elem.addEventListener('click', setRating);
});

function setRating() {
    var rating = this.getAttribute('data-rating');
    var parent = this.parentNode;
    var stars = parent.getAttribute('data-stars');

    console.log(stars + ", " + rating);

    parent.setAttribute('data-stars', rating);
}

“纯JS”=>“纯DOM”-语言没有改变。我之所以提到这一点,是因为知道如何使用DOM会使您更容易找到资源,例如……具体到哪里去了?你在这里的最佳选择是做你的研究,为相关的主题,所以,并尝试一下。如果你在做了更多的研究和搜索后陷入困境,无法摆脱困境,请发布一份你的尝试,并明确指出你陷入困境的地方。人们会乐意帮忙的。祝你好运
document.querySelectorAll('.star.rating').forEach(elem, function() {
    elem.addEventListener('click', setRating);
});

function setRating() {
    var rating = this.getAttribute('data-rating');
    var parent = this.parentNode;
    var stars = parent.getAttribute('data-stars');

    console.log(stars + ", " + rating);

    parent.setAttribute('data-stars', rating);
}