Как выбрать и заменить содержимое div, где id строки таблицы - это сокращенный URL, используя Jquery - PullRequest
Новая
       14

Как выбрать и заменить содержимое div, где id строки таблицы - это сокращенный URL, используя Jquery

0 голосов
/ 05 марта 2012

Я хочу заменить содержимое <div class="clicksAllTime">, но не могу заставить его работать.HTML-код ниже является частью таблицы.У каждой строки есть свой идентификатор, который является конкретным сокращенным URL-адресом, по которому я выполняю ajax-вызов ...

HTML: 

<tr id="http://goo.gl/zxCR" class="shortenedUrl odd">
    <td class="center">
        <div class="clicksAllTime">
            <img src="../images/loading-gif-small.gif">
        </div>
    </td>
</tr>

JQUERY: 

$('#http://goo.gl/zxCR.clicksAllTime').empty().append('<p>' + response[0].analytics.allTime.shortUrlClicks + '</p>');

Ответы [ 3 ]

1 голос
/ 05 марта 2012

Вот селектор, который работает. Я использую html () для замены на текст для демонстрации, чтобы вы могли легко проверить

Рабочая демоверсия: http://jsfiddle.net/zKSGP/

 $('#http\\:\\/\\/goo\\.gl\\/zxCR .clicksAllTime').html('New Text')

Обратите внимание, что spcae befor "clicksAllTime classs в примере отсутствовал. Также не нужно использовать empty (). Append (), просто используйте html (), он заменяет все внутри элемента

0 голосов
/ 05 марта 2012

Это может сработать. Просто попробуйте следующий код / ​​трактуется как специальные символы. 

$('#http:\\//goo.gl\\/zxCR.clicksAllTime').empty().append('<p>' + response[0].analytics.allTime.shortUrlClicks + '</p>');

установите флажок CSS-селектор, чтобы выбрать идентификатор с косой чертой в имени идентификатора?

0 голосов
/ 05 марта 2012 
    <html>
    <head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
    $('.clicksAllTime').html('<p>' + response[0].analytics.allTime.shortUrlClicks + '</p>');
    });
    </script>
    </head>
    <body>
    <tr id="http://goo.gl/zxCR" class="shortenedUrl odd">
        <td class="center">
                <div class="clicksAllTime">
                        <img src="../images/loading-gif-small.gif">
                </div>
        </td>
    </tr>
    </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...