Home/ Questions/Q 8351281
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T08:35:10+00:00

I like add text and some images to a div using jquery. I can

  • 0

I like add text and some images to a div using jquery.

I can do this to add text:

<script type="text/javascript">
$(document).ready(function () { 

$("#help").text('This is the description').css({"border": "1px solid", "color": "Black", "font-size": "14px", "font-weight": "bold", "padding": "30px 0 30px 0", "width": "auto", "height": "auto", "text-align": "left", "background": "lightyellow"});

I tried this:

$("#help").append('<img src="description.png" alt="box_plot_description" />'); 

});

How would append image to this text using jquery?

I have added the append after text but, append is overwriting the div. I like have text at the beginning of the div and after that an image.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    use html() method

    $("#help").html('<img src="somesrc.jpg" alt="someimage" />');

    Working sample : http://jsfiddle.net/HdFqr/3/

    If you want to keep the existing content and append the image, use append method

    $("#help").text("Some Text");
$("#help").append('<img src="somesrc.jpg" alt="someimage" />');

    Sample : http://jsfiddle.net/HdFqr/4/

    You can also use appendTo method as well

    var img=$("<img />").attr("src","someimag.jpg");
img.appendTo($("#help"));

    Sample : http://jsfiddle.net/HdFqr/6/

    • 0