Оберните <img> в и добавьте класс в через jQuery

Question

Оберните <img> в и добавьте класс в через jQuery

0

Я хотел бы обернуть конкретный <img> в  а также применить класс к этому .

Вот соответствующий код:

<img id="wrapped-image" alt="" src="">

По какой-то причине следующее не работает:

<script>
$( '#wrapped-image' ).wrap( '<span class="jquery-wrapped"></span>' );
</script>

Дополнительная информация
Данное изображение представляет собой (несколько печально известный) смайлик, используемый Jetpack для целей статистики. Это можно увидеть на этом сайте: http://barristerbeverages.com/. Javascript, кроме того, также присутствует на этом сайте, реализованном сразу после смайлика Jetpack (просто просмотрите источник).

Zyniker 08 нояб. 2013, в 23:46

Источник

3

Ну, что это делает? Это ничего не делает? Сделать ошибку? Разбить ваш компьютер? Заставить летающих обезьян упасть с неба? Дать вам бесплатные вафли? Просьба уточнить.
Doorknob 08 нояб. 2013, в 21:49
1

Где вы выполняете JQuery? Внутри документа готовый вызов или после элемента img?
j08691 08 нояб. 2013, в 21:50
0

@Doorknob: Doorknob: похоже, ничего не делает.
Zyniker 08 нояб. 2013, в 21:52
0

@j08691: j08691: он вызывается после <img> .
Zyniker 08 нояб. 2013, в 21:53
2

@Zyniker Вы получаете какие-либо ошибки в консоли?
Doorknob 08 нояб. 2013, в 21:53
2

Прекрасно работает в скрипке jsfiddle.net/j08691/cEM6M
j08691 08 нояб. 2013, в 21:54
0

Добавляете ли вы (добавляете предварительно добавляя) изображение к чему-либо или создаете его динамически в любом случае. Если это так, вы, вероятно, не можете сделать это, потому что это не может обернуть что-то, что еще не существует, если это так, проверьте эту ссылку. stackoverflow.com/questions/3877027/...
John 08 нояб. 2013, в 22:18
0

@John: Я думаю, что вы можете быть к чему-то. Изображение, которое я пытаюсь классифицировать (чтобы я мог применять стили к нему более легко), является (несколько печально известным) смайликом, который Jetpack использует для статистических целей. Вот сайт, на котором я работаю: barristerbeverages.com . Как вы можете видеть, <img> идет прямо перед сценарием, с которым я пытаюсь его классифицировать.
Zyniker 08 нояб. 2013, в 22:26
0

@j08691: j08691: Спасибо за jsfiddle, приятно знать, что сам код работает. Я думаю, что проблема, вероятно, связана с тем, что сказал Джон, поскольку Jetpack динамически генерирует изображение для статистических целей.
Zyniker 08 нояб. 2013, в 22:26
0

@Doorknob: Doorknob: Никаких ошибок, я думаю, это, вероятно, связано с тем, что сказал Джон выше .
Zyniker 08 нояб. 2013, в 22:27
0

@John Вы можете обернуть изображение без загрузки самого изображения ... этот комментарий не имеет смысла. Тот факт, что данные изображения еще не загружены, не означает, что элемент не существует.
Doorknob 08 нояб. 2013, в 22:30
0

@Doorknob: Doorknob: Я не совсем уверен, как Jetpack внедряет это изображение. Вероятно, это связано с тем, как Jetpack загружает смайлик, так как код работает, когда применяется почти ко всему остальному.
Zyniker 08 нояб. 2013, в 22:37
0

Снимите правую @doorknob, вам просто нужно убедиться, что элемент # wrapped-image существует, прежде чем вы сможете обернуть его. Извините, я запутался, потому что недавно сделал нечто похожее, но мне нужны были высота и ширина img, поэтому мне пришлось ждать загрузки изображения. Дверная ручка права. Не обращайте внимания на тот код о загрузке изображения, который не важен, вам просто нужно убедиться, что сам элемент есть перед тем, как выполнить. Что, скорее всего, ваш элемент там, я просто опубликовал это как возможность.
John 08 нояб. 2013, в 22:38
0

Так же, как разъяснение. Вам нужно беспокоиться о моем комментарии, только если вы добавили сам элемент img или идентификатор динамически, а не только URL.
John 08 нояб. 2013, в 22:41

Показать ещё 12 комментариев

Теги:

jquery

html

css

1 ответ

Ещё вопросы

Ну, что это делает? Это ничего не делает? Сделать ошибку? Разбить ваш компьютер? Заставить летающих обезьян упасть с неба? Дать вам бесплатные вафли? Просьба уточнить.
Где вы выполняете JQuery? Внутри документа готовый вызов или после элемента img?
@Doorknob: Doorknob: похоже, ничего не делает.
@j08691: j08691: он вызывается после <img> .
@Zyniker Вы получаете какие-либо ошибки в консоли?
Прекрасно работает в скрипке jsfiddle.net/j08691/cEM6M
Добавляете ли вы (добавляете предварительно добавляя) изображение к чему-либо или создаете его динамически в любом случае. Если это так, вы, вероятно, не можете сделать это, потому что это не может обернуть что-то, что еще не существует, если это так, проверьте эту ссылку. stackoverflow.com/questions/3877027/...
@John: Я думаю, что вы можете быть к чему-то. Изображение, которое я пытаюсь классифицировать (чтобы я мог применять стили к нему более легко), является (несколько печально известным) смайликом, который Jetpack использует для статистических целей. Вот сайт, на котором я работаю: barristerbeverages.com . Как вы можете видеть, <img> идет прямо перед сценарием, с которым я пытаюсь его классифицировать.
@j08691: j08691: Спасибо за jsfiddle, приятно знать, что сам код работает. Я думаю, что проблема, вероятно, связана с тем, что сказал Джон, поскольку Jetpack динамически генерирует изображение для статистических целей.
@Doorknob: Doorknob: Никаких ошибок, я думаю, это, вероятно, связано с тем, что сказал Джон выше .
@John Вы можете обернуть изображение без загрузки самого изображения ... этот комментарий не имеет смысла. Тот факт, что данные изображения еще не загружены, не означает, что элемент не существует.
@Doorknob: Doorknob: Я не совсем уверен, как Jetpack внедряет это изображение. Вероятно, это связано с тем, как Jetpack загружает смайлик, так как код работает, когда применяется почти ко всему остальному.
Снимите правую @doorknob, вам просто нужно убедиться, что элемент # wrapped-image существует, прежде чем вы сможете обернуть его. Извините, я запутался, потому что недавно сделал нечто похожее, но мне нужны были высота и ширина img, поэтому мне пришлось ждать загрузки изображения. Дверная ручка права. Не обращайте внимания на тот код о загрузке изображения, который не важен, вам просто нужно убедиться, что сам элемент есть перед тем, как выполнить. Что, скорее всего, ваш элемент там, я просто опубликовал это как возможность.
Так же, как разъяснение. Вам нужно беспокоиться о моем комментарии, только если вы добавили сам элемент img или идентификатор динамически, а не только URL.

Juan C. · Answer 1 · 2013-11-08T19-44-00.000Z

вы пытались помещать его внутри $ (function() {}) ;?

<script>
$(function(){
    $( '#wrapped-image' ).wrap( '<span class="jquery-wrapped"></span>' );
});
</script>

Оберните <img> в <span> и добавьте класс в <span> через jQuery

1 ответ

Ещё вопросы