我已经修改了此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);
});
答案 0 :(得分:1)
如果您真的想将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>
答案 1 :(得分:1)
您也可以尝试这个。
var o = $("#divTwo"),
gg = o.find("#tempType [aria-selected='true']").text()
o.find("[templateList='me'] .entry-footer [template-include='true']").forEach( (elm) => {
var foo = elm.closest( '.popup-temp-entry' ),
a = foo.find(".entry-header").text(),
b = foo.find("entry-body").text()
console.log(gg, a, b)
})