Refactoring JavaScript code to jQuery code

Question

I've modified this answer and got it working. However, I want to improve it by translating this JQuery code for uniformity since I'm working with a team. Can I somehow convert the code to JQuery?

Javascript Code

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);
});

you dont need to convert this in my opinion

guradio
– guradio

2018-11-13 06:46:54 +00:00
Commented Nov 13, 2018 at 6:46 — guradio
– guradio, Commented Nov 13, 2018 at 6:46

Jack Bashford · Accepted Answer · 2018-11-13 06:54:13Z

1

If you really want to convert that JavaScript to jQuery, just do this:

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`);
})

Just make sure you have included jQuery correctly:

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

answered Nov 13, 2018 at 6:54

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Agent Droid · Accepted Answer · 2018-11-13 07:27:43Z

1

you could also try this one.

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)
})

answered Nov 13, 2018 at 7:27

Agent Droid

811 silver badge14 bronze badges

Collectives™ on Stack Overflow

Refactoring JavaScript code to jQuery code

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related