Замените img на div jQuery - PullRequest
Новая
       3

Замените img на div jQuery

2 голосов
/ 12 декабря 2011

Я хочу заменить изображение классом на div с текстом внутри, как я могу это сделать? 

<script>
$('img.vCSS_img_history_off').replaceWith('<div id="button">Turn History Off</div>');
</script>

Я знаю, что код испорчен, но это просто рисоватькартина того, что я ищу, какие-либо предложения?

Ответы [ 3 ]

0 голосов
/ 12 декабря 2011

Приведенный ниже код заменит изображение с именем класса «myImageClassName» на div, содержащий текст «Это мой текст div»: 

$('img.myImageClassName').replaceWith('<div>This is my div text</div>');

но да, я должен согласиться с остальными ... твой код выглядит хорошо.

0 голосов
/ 12 декабря 2011

Вы должны убедиться, что DOM готов, прежде чем приступить к поиску элементов в нем: 

$(document).ready(function(){
    $('img.vCSS_img_history_off').replaceWith('<div id="button">Turn History Off</div>');
});

Кроме того, вы можете добавить все, что вам нужно после изображения, а затем удалить его: 

$(document).ready(function(){
    $("img").after("<div>Inserted div</div>").remove();
});

Пример .

Подробнее о .after() здесь и более о .remove() здесь .

0 голосов
/ 12 декабря 2011

Альтернативой может быть использование этого, но это сотрет ребенка другого родителя (как сказал @Vide Simas): 

$(".myImage").parent().html('<div>hello</div>');

То, что вы написали, выглядит хорошо, я написал jsfiddle, используя replaceWidth: http://jsfiddle.net/ydZg5/

Ошибка должна быть где-то еще

...