JQuery: удалить текст из HTML

Question

JQuery: удалить текст из HTML

0

Я пытаюсь удалить "или" из этого HTML-кода:

<div>
  <a href="https://store-b2aus7wd.mybigcommerce.com/account.php">Account</a>
  <a href='https://store-b2aus7wd.mybigcommerce.com/login.php' onclick=''>Sign in</a> 
 or
  <a href='https://store-b2aus7wd.mybigcommerce.com/login.php?action=create_account' onclick=''>Create an account</a>
</div>

используя этот код:

$("div").html().replace(/\or/g,"");

но он ничего не делает.

Jaeeun Lee 30 апр. 2014, в 21:20

Источник

0

Что произойдет, если один из URL-адресов содержит текст "или" это он где-то?
j08691 30 апр. 2014, в 19:08
0

\o является необходимым и может даже вызвать ошибки.
Scimonster 30 апр. 2014, в 19:09

Теги:

jquery

3 ответа

2

$("div").html() возвращает текущий html div как строку. Что вы тогда манипулируете. Как строка. Вам нужно назначить его обратно:

$("div").html( $("div").html().replace(/\or/g,"") );

Тем не менее, вы уверены, что хотите сделать это с регулярным выражением? Если символы "или" появляются в одном из URL-адресов, они также удаляются.

Adam 30 апр. 2014, в 16:35

0

Благодарю. Есть ли способ лучше?
Jaeeun Lee 30 апр. 2014, в 19:08
0

Зависит от того, что вы хотите сделать? удалить именно этот текст? или удалить все не ссылку? или что?
Adam 30 апр. 2014, в 19:09
0

Возможно исправьте регулярное выражение, чтобы потребовать пробелы. /\sor\s/ , и удалите глобальный флаг.
Scimonster 30 апр. 2014, в 19:10
0

Я просто хочу удалить этот точный текст.
Jaeeun Lee 30 апр. 2014, в 19:12
0

Может replace(/>(\s*)\or(\s*)</g,">$1$2<") как регулярное выражение. соответствует закрывающему тегу, затем пробелу или затем пробелу, затем открытому тегу, но возвращает открытие / закрытие и пробелы обратно как часть замены. Но если вы довольны своим регулярным выражением, вам просто нужно вернуть его обратно, как описано в ответе.
Adam 30 апр. 2014, в 19:17

Показать ещё 3 комментария

1

Просто опубликуйте это, если вы удалите весь текст (на данный момент это немного неясно) и не хотите использовать оператор regex:

$("div").html($("div a"));

Это изменит HTML- div чтобы включить только элементы a, существенно удалив весь текст из HTML. В этом случае единственный текст есть or.

пример

Charlie 30 апр. 2014, в 17:18

0

Я думал об этом (или $('div').html( $('div').children() ) ), но проблема в том, что вы теряете пробел между ссылками.
Adam 30 апр. 2014, в 19:19

Ещё вопросы

Что произойдет, если один из URL-адресов содержит текст "или" это он где-то?
\o является необходимым и может даже вызвать ошибки.
Зависит от того, что вы хотите сделать? удалить именно этот текст? или удалить все не ссылку? или что?
Возможно исправьте регулярное выражение, чтобы потребовать пробелы. /\sor\s/ , и удалите глобальный флаг.
Я просто хочу удалить этот точный текст.
Может replace(/>(\s*)\or(\s*)</g,">$1$2<") как регулярное выражение. соответствует закрывающему тегу, затем пробелу или затем пробелу, затем открытому тегу, но возвращает открытие / закрытие и пробелы обратно как часть замены. Но если вы довольны своим регулярным выражением, вам просто нужно вернуть его обратно, как описано в ответе.
Я думал об этом (или $('div').html( $('div').children() ) ), но проблема в том, что вы теряете пробел между ссылками.

Jason P · Accepted Answer · 2014-04-30T17-39-00.000Z

Вместо того, чтобы работать с html как строкой, лучше было бы это сделать, работая с объектами DOM:

$('div').contents().filter(function() {
    return this.nodeType == 3 && $.trim(this.textContent) == 'or';
}).remove();

Здесь скрипка: http://jsfiddle.net/Lm4pC/. Похоже, что .remove() имеет нечетный эффект на расстоянии. Использование .replaceWith('\n') или .replaceWith(' ') вместо этого может работать лучше в зависимости от вашей ситуации: http://jsfiddle.net/kdYQP/