如何将图像添加到javascript If语句中?
我正在尝试将IF声明中的“付费”一词改为图像,有人能给我指出正确的方向吗 多谢各位 更新了整个代码片段 再次感谢您您可以使用div并根据支付的价值更改其内容:如何将图像添加到javascript If语句中?,javascript,jquery,image,Javascript,Jquery,Image,我正在尝试将IF声明中的“付费”一词改为图像,有人能给我指出正确的方向吗 多谢各位 更新了整个代码片段 再次感谢您您可以使用div并根据支付的价值更改其内容: for(var i = 0; i < data.invoices.length; i++) { var unix_timestamp = data.invoices[i].invoiceDate; var date = new Date(unix_timestamp); // hours part from the time
for(var i = 0; i < data.invoices.length; i++) {
var unix_timestamp = data.invoices[i].invoiceDate;
var date = new Date(unix_timestamp);
// hours part from the timestamp
var day = date.getDate();
// minutes part from the timestamp
var mnth = (date.getMonth())+1;
// seconds part from the timestamp
var yr = date.getFullYear();
var p = "";
if(data.invoices[i].paid == false) {
p = "Outstanding";
} else {
p = "Paid";
}
if(i%2 == 1) {
tableRow = '<tr>';
} else {
tableRow = '<tr class="EDBGreyBackground">';
}
tableRow += '<td height="40" valign="middle" align="left">'+day+'-'+mnth+'-'+yr+'</td>';
tableRow += '<td height="40" valign="middle" align="left">£'+data.invoices[i].amountDue+'</td>';
tableRow += '<td height="40" valign="middle" align="left">'+p+'</td>';
tableRow += '<td height="40" valign="middle" align="left"><a href="'+data.invoices[i].printableBill+'"><img class="floatNone" width="25" height="25" border="0" alt="PDF" src="images/EDB_PDF_icon.png"></a></td>';
tableRow += '</tr>';
$('#previousBillhistory').append(tableRow);
}
然后在代码中尝试以下操作:
<div id="yourImageDiv"></div>
在更新您的问题之后。。。。你需要的东西更简单。只需这样做:
if(data.invoices[i].paid == false){
p = "Outstanding";
} else {
$('#yourImageDiv').empty();
$('#yourImageDiv').html('<img id="img" src="img.png" />')
}
你有脚本的更多细节吗?p是一个javascript变量,您不能将其设置为图像,它是代码。您可以将p设置为图像的地址。页面上是否有要设置为图像的元素?谢谢,我会尝试一下,非常感谢,我对这个有点陌生。@JayBarker,不客气!在你的问题更新之后,我修改了我的答案。两者都很有魅力,但我选择了简单的方法,因为我是初学者。谢谢大家的帮助。非常感谢。@JayBarker当你认为一个答案或一个问题有用时,点击问题或答案顶部附近的上三角。当一个答案解决了您的问题时,单击灰色v将其标记为已接受
if(data.invoices[i].paid == false) {
p = "<img src='Outstanding_image.png' />";
} else {
p = "<img src='Paid_image.png' />";
}