在jquery中附加图像标记不起作用(更新:需要预先添加td)

时间:2011-01-11 16:02:02

标签: jquery sharepoint

我正在编写jquery来附加一个td元素,然后将图像标记添加到td。但是如果我将src属性添加到图像标记,这是行不通的。请找到以下代码。

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://dlglobal.dl.com/Admin/IT/operations/Documents/jquery.SPServices-0.5.8.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function()
{
//alert("alert test");
/*$Textsql = $("td.ms-vb2:contains('Budakov')"); 
$Textsql.css("background-color", "#461B7E"); */


$().SPServices({
  operation: "GetListItems",
  async: false,  
  listName: "OnCallList",

  completefunc: function (xData, Status) {
    //alert(xData.responseXML.xml);
$("#ctl00_m_g_87fe292c_7976_4ad4_bf5c_3c1ecf08b2d8_AdvancedDataGrid tr:first").append("<th></th>");

    $(xData.responseXML).find("[nodeName=z:row]").each(function() {     

     var TextList=$(this).attr("ows_Title");
     $Textsql = $("td.ms-vb2:contains('" + TextList.toString() + "')");

     $Textsql.parent().prepend("<td class='ms-vb2'><img src='http://dlglobal.dl.com/Admin/IT/operations/PublishingImages/OnCall.png' /></td>");  });
}
});
});
</script>

更新:

感谢所有人的帮助。我的需求发生了变化,我想现在预先添加图像而不是追加。但我的图像是将所有列向右移动。如何将图像添加到仅匹配的行,但不将其他列向右移动。我在这里附上我的截图。请帮帮我。alt text

谢谢,

2 个答案:

答案 0 :(得分:1)

如果您的代码是准确的,请用以下代码替换最后一个字符串:

"<td><img src='/admin/PublishingImages/bulb.PNG' /></td>"

您的报价存在问题。

答案 1 :(得分:0)

你可以这样试试:

$Textsql.parent().append($('<td/>').append($('<img/>',{'src':'image.jpg'})));