javascript - 将 JavaScript 代码重构为 jQuery 代码

标签 javascript jquery html

我修改了这个answer并让它发挥作用。但是,由于我正在与一个团队合作,因此我想通过翻译此 JQuery 代码以实现统一来改进它。我能以某种方式将代码转换为 JQuery 吗?

Javascript代码

var o = document.querySelector("#divTwo");
var gg = o.querySelector('#tempType [aria-selected="true"]').innerText;
o.querySelectorAll('[templateList="me"] .entry-footer [template-include = "true"]').forEach( (elm) => {
    var a = elm.closest( '.popup-temp-entry' ).querySelector( '.entry-header' ).innerText;
    var b = elm.closest( '.popup-temp-entry' ).querySelector( '.entry-body' ).innerText;
    console.log(a +' - '+ b + ' - ' + gg);
});

最佳答案

如果您确实想将 JavaScript 转换为 jQuery,只需执行以下操作:

var o = $("#divTwo);
var gg = o.filter("#tempType [aria-selected='true']").text();
o.filter("[templateList='me'] .entry-footer [template-include = 'true']").each((elm) => {
    var a = elm.next(".popup-temp-entry").filter(".entry-header").val();
    var b = elm.next(".popup-temp-entry").filter(".entry-body").val();
    console.log(`${a} - ${b} - gg`);
})

只需确保您已正确包含 jQuery:

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

关于javascript - 将 JavaScript 代码重构为 jQuery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53275255/

相关文章:

php - 是否可以使用 PHP 从 API 调用中仅接收 JSON 格式的部分结果?

jQuery 在选中复选框时显示/隐藏图像

html - Polymer 中的 Material 设计排版和公制规则

javascript - 为什么 JavaScript 无法在 GitHub 页面上运行?

javascript - mozilla 上的 iframe 弹出问题

php - javascript+php 更改 url 值

javascript - 查找与顺序无关紧要的嵌套数组的精确匹配

javascript - jQuery 鼠标悬停效果不起作用

javascript - 访问内部 DIV id

jQuery - 在表行中查找最小值并设置样式