Add Text on Image
How do I add text on an image using the .html() ? Please see code below:
<!DOCTYPE html>
<html>
<head>
<script src="
https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<h2>JQuery Lab</h2>
<div id="Tile1">
<div><p /></div>
<div class="dummy">
<a>
<img width="300" height="60">
</a>
</div>
</div>
<script type"text/javascript">
$(document).ready(function(){
$("#Tile1 .dummy img").attr({'alt':'this is a test', "src":"
http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"});
$("#Tile1 .dummy a").attr({"href":"
http://jquery.com/"});
$("#Tile1 .dummy a").html('New test'); //
<-- Add text to image.
$("p").html('Hello World');
});
</script>
</body>
</html>