JSFiddle - React, Tailwind, and code Playground

by chad_888

HTML

<div style="border:1px solid">
</div>

JavaScript

$(document).ready(
    function(){
        $("div").append($("<select/>")
                        .append($("<option/>").append($("<div/>").append("1").hover(function(){$(this).css("background-color","red");},function(){$(this).css("background-color","green");})))
                        .append($("<option/>").append($("<div style='background-color:red'/>").append("1").hover(function(){$(this).css("background-color","red");},function(){$(this).css("background-color","green");})))
                        .append($("<option/>").append($("<div/>").append("1").hover(function(){$(this).css("background-color","red");},function(){$(this).css("background-color","green");})))
                        .append($("<option/>").append($("<div/>").append("1").hover(function(){$(this).css("background-color","red");},function(){$(this).css("background-color","green");})))
                       );
});