jQuery inserting html as text instead of DOM object
221
December 07, 2017, at 06:02 AM
I'm trying to insert a DOM element using jQuery but it keeps being inserted as text instead.
var newImg = "<h1>Hi</h1>";
$("li").each(function myFn(){
this.addEventListener("mouseover", function myFn2 () {
this.before(newImg);
})
});
Answer 1
If you console.log(this) you should find that it is not a jQuery object inside the event handler. You will want to wrap it with $() before you use the before method to use the jQuery method.
$(this).before(newImg);
var newImg = "<h1>Hi</h1>";
$("li").each(function myFn() {
this.addEventListener("mouseover", function myFn2() {
$(this).before(newImg);
})
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>Wee</li>
</ul>
-
07:20
-
07:10
How to kill a query running by pd.read_sql and connected by sqlalchemy (or mysql.connector)
-
06:30
-
11:10
-
6:10
-
1:10
-
09:40
Radio and checkbox cannot be checked when inside BootStrap Modal
-
08:50
-
06:40
POPULAR ONLINE
- search for elements in a list 105247 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 97525 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 93617 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 91010 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 87808 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 56298 visits
- Adding methods to es6 child class 20076 visits
READ ALSO
