Проблема JQuery с обработкой html () в Opera - PullRequest
Новая
       18

Проблема JQuery с обработкой html () в Opera

0 голосов
/ 07 декабря 2009

У меня следующий код JS (сокращен до минимального размера, где проблема все еще существует) 

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="debug">this is <em>test</em></div>
<script type="text/javascript">
    var string1 = $('#debug').html();
    var string2 = string1.replace(/<em>/g, '<strong>');
    string2 = string2.replace(/<\/em>/g, '</strong>');
    $('#debug').html( string2 );
</script>
</body>
</html>

В Firefox все работает и теги заменяются на .

Но в Опере остаются на месте. Кроме того, любые другие теги HTML не фиксируются регулярными выражениями вообще.

Есть ли способ исправить это поведение? Мне нужно не только заменить теги, но и проанализировать их содержимое (например, атрибуты href).

Ответы [ 3 ]

3 голосов
/ 07 декабря 2009

Opera возвращает теги в верхнем регистре, например, <EM>.Вам нужно изменить регулярные выражения для работы без учета регистра: 

var string2 = string1.replace(/<em>/gi, '<strong>');
string2 = string2.replace(/<\/em>/gi, '</strong>');
1 голос
/ 07 декабря 2009

Не используйте строковые методы, когда вы можете использовать методы DOM: 

$("#debug em").each(function() {
    var newElem = document.createElement("strong");
    for (int i=0; i<this.childNodes.length; ++i) {
        newElem.appendChild(this.childNodes[i]);
    }
    this.parentNode.replaceNode(newElem, this);
});
0 голосов
/ 07 декабря 2009

Ваши регулярные выражения не совпадают в Opera, так как все HTML-теги нормализованы для ввода в верхнем регистре с помощью // gi

Однако, если вы делаете больше изменений («разбираете их содержимое»), я действительно рекомендую делать правильные манипуляции с DOM и не использовать регулярные выражения.

...