добавление тега изображения в JQuery не работает (обновление: необходимо добавить тд) - PullRequest
0 голосов
/ 11 января 2011

Я пишу 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>

UPDATE:

Спасибо за вашу помощь. Мои требования изменились, и я хотел бы добавить изображение сейчас вместо добавления. Но мое изображение перемещает все столбцы вправо. Как добавить изображение только в соответствующие строки, но не перемещать другие столбцы вправо. Я прилагаю мой скриншот здесь. Пожалуйста, помогите мне. alt text

Спасибо

Ответы [ 2 ]

1 голос
/ 11 января 2011

Если ваш код точный, замените последнюю строку на:

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

У вас возникла проблема с кавычками.

0 голосов
/ 11 января 2011

вы можете попробовать это так:

$Textsql.parent().append($('<td/>').append($('<img/>',{'src':'image.jpg'})));
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...