changing HTML with jQuery

Question

How do I change this html:

<div data-label="FileInput">
    <img src="the source"></img>
    <div>Stuff</div>
    ... etc ...
</div>

To a file input using jQuery? I cannot change the structure of the html, and I need to target the container div (data-label="FileInput")..

I'm still a beginner with js / jQuery, so if you could be explicit with how to do this I would greatly appreciate it! Thanks for your ideas!

What do you mean change the html "To a file input"? Let the user input the file path/select a file on their system? — Andrew
– Andrew, Commented May 28, 2014 at 17:10
@Andrew yes exactly. Thanks for any ideas. Added to the question to make it more clear.. — Nick Bewley
– Nick Bewley, Commented May 28, 2014 at 17:19

tymeJV · Accepted Answer · 2014-05-28 17:10:46Z

2

Just do:

$("div[data-label=FileInput]").replaceWith("<input type='file' />");

answered May 28, 2014 at 17:10

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1