onclick data-clear-btn 时如何隐藏 div？

Question

I want to hide a division when I clicked X on an input text?

<input type="text" data-clear-btn="true" id="domainname" value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">

---

$("#domainname").on("click", ".ui-input-clear", function(e){
            $("#generated").hide();

It doesn't work like below.

Answer 1

When jQM enhances the input it puts it inside a container div with class ui-input-text. The clear button is inside that container. So you can add a click handler like this:

$("#domainname").parent('.ui-input-text').on("click", ".ui-input-clear", function(e){
        $("#DivToHide").hide();

});

DEMO