У меня много раз возникала эта проблема: я создаю HTML динамически с помощью jQuery, и в этом HTML-коде я хотел бы знать, все ли теги правильно закрыты.
Если я попытаюсь посмотреть, что находится в DOM с помощью Firebug, он автоматически закроет все теги, которые не закрыты должным образом, поэтому я не могу увидеть в исходном коде, все ли теги на самом деле правильно закрыты.
У вас есть идея, как я могу легко узнать, правильно ли закрыт HTML-код, который генерируется динамически?
Я работаю с графическим мастером, который постоянно модифицирует код, и теперь он становится довольно сложным ( и долго) сортировать «вручную» вещи.
Вот образец сценария jQuery, который я хотел бы проверить:
$('#tableau > tbody:last').append(
'<tr id="tr_'+d.id+'">'+
'<td id="principal_'+d.id+'" class="principal">' +
'<div class="texte" style="overflow:hidden;height:\'100%\'">' +
'<div class="newContainer">' +
'<div class="container_gauche">' +
'<div id="annonce_titre">'+ d.id +' - '+ d.titre +'</div>' +
'<div id="annonce_trait1px"></div>' +
'<div id="annonce_localisation">Annonce publiée par un ' + type_annonceur + '</div>' +
'<div class="clear"></div>' +
'<div id="annonce_description">' + d.texte + '</div>' +
'</div>' +
'<div class="container_droite">' +
'<div class="info">' +
'<div class="info_gauche">' + tarif_annonce + '</div>' +
'<div class="info_droite">' +
'<div class="choix_moderateur" ' + 'id="choix_moderateur_' + d.id +'" >' +
'<img src="{$img_check_ok}" />'+
'<img src="{$img_check_cancel}" />' +
'</div>' +
'</div>' +
'</div>' +
'<div class="clear"></div>' +
'<div id="annonce_trait1px"></div>' +
'<div id="annonce_images">' + imgs + '</div>' +
'<div class="clear"></div>' +
'<div id="annonce_trait1px"></div>' +
'<div class="annonce_raison_refus">'+
'<div class="raison_refus" '+ 'id="raison_refus_' + d.id + '" ' + 'style="display:none;">' +
'<label>{$raison_du_refus}</label>' +
'<div class="input_raison_refus">' +
'<textarea cols="34" rows="10" ' +
'name="texte_raison_refus" ' +
'id="texte_raison_refus_' + d.id + '" '+
'maxlength="2500">' +
'</textarea>' +
'</div>' +
'<div class="">' +
'<img src="{$img_check_ok}" ' +
'class="moderation_refus_ok" ' +
'alt="{$alt_img_moderation_refus_ok}" />' +
'<img src="{$img_check_cancel}" ' +
'class="moderation_refus_cancel" ' +
'alt="{$alt_img_moderation_refus_cancel}" />' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>'+
'</td>' +
'</tr>'
);
Большое спасибо!