Кросс-браузерная манипуляция с jQuery DOM

Question

Я использую этот фрагмент jQuery

$("a").html("<img> alt='example' src='example.jpg> </img>")

для динамического добавления тега img внутри тега a. (примечание, src = 'пример, у jpg нет закрывающей одинарной кавычки).

В Firefox появился тег img, но в IE и опере тег img не появился, поэтому я потратил 2 часа, чтобы выяснить, почему? затем, наконец, выяснили, что «закрытие одной кавычки».

Есть ли какой-нибудь инструмент для предотвращения этого типа ошибки?

Answer 1

Я думаю, что часть вашего фрагмента была съедена, в противном случае он ничего не делает. Учитывая, что это динамический код, единственными инструментами, которые смогут обнаружить такую ​​ошибку, будет некий валидатор, поддерживающий javascript.

Чтобы избежать этой ошибки, можно установить атрибут src с помощью jQuery:

var img = $("<img>");
img.src = "example.jpg";
$("a").append(img);

Таким образом, ваш текстовый редактор, вероятно, обнаружит несоответствие, а если нет, вы получите ошибку при оценке JS.