Anyone know how to convert this jquery snippet into workable pure javascript code?

Question

1.00/5 (1 vote)

See more:

I am working on a leaflet map created by pure JavaScript, I have no experience in jQuery and the only solution I have found to my problem is in that format, any help on a working translation?

JavaScript

$('<h6 id="mapTitle">BikeMapCode sample</h6>').insertBefore('div.leaflet-control-layers-base');

thanks!

What I have tried:

Everything except a jQuery to JavaScript translation, which is why I'm here for some help

Posted 26-Oct-18 6:51am

Member 14034174

Updated 27-Oct-18 1:11am

Bryian Tan

v2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

MadMyche · Answer 1 · 2018-10-26T09:59:00

The best way for you to learn how to transcode jQuery to JavaScript is going to be going through the documentation for a jQ function and then finding the analog within JS. You should be able to figure out what the nuances are and go from there.

w3 schools has documentation on both. Compare and Learn
w3Schools: jQuery insertBefore() Method[^]
w3Schools: HTML DOM insertBefore Method[^]

You may also find some more at jQuery.com
.insertBefore() | jQuery API Documentation[^]

Bryian Tan · Answer 2 · 2018-10-26T10:52:00

Not clear what the pasted code is doing, some of the HTML tag could be sanitized when you make the post. I'm guessing, the code is trying to append a div element on top of the h6 element? and the div will have a class? Anyway, the below example and reading materials should help.

Here is an example: CP_JS_insertB4 - JSFiddle[^]

Here is more reading to get you started: HTML DOM insertBefore Method[^]

F-ES Sitecore · Answer 3 · 2018-10-27T01:12:00

Solution 3

You Might Not Need jQuery[^]

Posted 27-Oct-18 1:12am

F-ES Sitecore

Anyone know how to convert this jquery snippet into workable pure javascript code?

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0