jQuery - 将图像附加到HTML

时间:2015-06-17 17:59:12

标签: jquery html

需要帮助。想要在我的文字之前添加错误图片。它需要在跨度之前使用“公司”的ID

<div id="dialog-confirm">Symbol:
<input type="text" size="7" id="symbol"></input>
<button id="submit" type="submit" class="btn">SUBMIT</button>
<br/>
<br/><span id="company" class="companyClass"></span>
<br/><span id="price" class="priceClass"></span>

JS:

var errorUrl = "http://s12.postimg.org/uli5cyrml/error.png"

我这样添加我的文字:

$("#company").text("Webservice Failure! " + "\Contact support");

需要在它之前添加图像。

4 个答案:

答案 0 :(得分:2)

$("#company").before('<img src="somePath" />');

答案 1 :(得分:0)

试试这个:

var errorUrl = "http://s12.postimg.org/uli5cyrml/error.png"
var $img = $('<img />', {src: errorUrl});
$img.insertBefore($("#company"));

答案 2 :(得分:0)

$('#company').prepend('<img src=' + errorUrl + ' alt="image" />');

答案 3 :(得分:0)

执行此操作的正确方法是将图像预先添加到html中,使用css隐藏它,并在需要时使用jquery显示它。

client.DefaultRequestHeaders.Add("User-Agent",
                                 "Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; 
                                  WOW64; Trident/6.0)");

您也可以通过调用<div id="dialog-confirm">Symbol: <input type="text" size="7" id="symbol"></input> <button id="submit" type="submit" class="btn">SUBMIT</button> <br/> <br/> <img id="error-img" src="http://s12.postimg.org/uli5cyrml/error.png"/> <span id="company" class="companyClass"></span> <br/><span id="price" class="priceClass"></span> <style> #error-img { display:none; } </style> <script> $('#error-img').show(); </script> 来使用jquery而不是css,这相当于将display设置为none。