I have the following jquery selector which I am trying to convert to regular javascript.
$("#lelement>*").on("dblclick", function(){
});
what would the equivalent be with regular javascript ? Can I do this ?
document.getElementById('element').childNodes.addEventListener("dblclick", function(e){
});
Advertisement
Answer
One elegant, non-jQuery way to do this would be via querySelectorAll():
document.querySelectorAll('#lelement > *').forEach(function(node) {
node.addEventListener("dblclick", function(e){
console.log('double clicked on child of #element');
});
})p {
margin:1rem;
background:red;
color:white;
}<div id="lelement"> <p>Double click me - Child 1</p> <p>Double click me - Child 2</p> </div>