Строка замените содержимое div

Question

Что я хочу делать:

У меня есть div с id. Всякий раз, когда происходит «>», я хочу заменить его на «>>». Я также хочу префикс div с «Вы здесь:».

Пример:

<div id="bbp-breadcrumb">Home &gt; About &gt; Contact</div> 

Контекст:

Мой ДИВ содержит Иерархическая ссылки на bbPress, но я стараюсь, чтобы соответствовать его формату на сайт-wodę крошки хлеба плагин, который я использую для WordPress , Div называется функцией в PHP и выводится как HTML.

Мой вопрос:

ли я использовать PHP в Javascript, чтобы заменить символы и как я могу идти о вызове содержимое DIV в первую очередь?

Answer 1

Вы можете использовать CSS, чтобы добавить Вы здесь текст:

#bbp-breadcrumb:before { 
    content: "You are here: "; 
} 

Поддержка браузеров:
http://www.quirksmode.org/css/beforeafter_content.html

Вы можете изменить> в >> с JavaScript:

var htmlElement = document.getElementById('bbp-breadcrumb'); 
htmlElement.innerHTML = htmlElement.innerHTML.split('>').join('>>').split('>').join('>>') 

Я не рекомендую изменять контент наподобие этого, это действительно взломано. Если возможно, вам лучше изменить представление вывода в виде палитры. В Wordpress это должно быть выполнимо.

Answer 2

Найдите код, генерирующий <, и либо установите соответствующий параметр (breadcrumb_separator, либо так), либо измените код php, чтобы изменить разделитель.

Модифицировать предположительно статический текст с помощью JavaScript - это не только кошмар обслуживания, чрезвычайно хрупкий и может привести к странному рендерингу (поскольку пользователи видят, что ваш сайт изменяется, если их система работает медленно), но также не будет работать в браузерах без (или с отключенным) поддержка JavaScript.

Answer 3

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

$the_existing_html = 'somethis before<div id="bbp-breadcrumb">Home &gt; About &gt; Contact</div>something after'; // let's say this is your curreny html.. just added some context 
    echo $the_existing_html, '<hr />'; // output.. so that you can see the difference at the end 
    $pattern ='|<div(.*)bbp-breadcrumb(.*)>(.*)<\/div>|sU'; // find some text that is in a div that has "bbp-breadcrumb" somewhere in its atributes list 

    $all = preg_match_all($pattern, $the_existing_html, $matches); // match that pattern 

    $current_bc = $matches[3][0]; // get the text inside that div 

    $new_bc = 'You are here: ' . str_replace('&gt;', '&gt;&gt;', $current_bc);// replace entity for > with the same thing repeated twice 

    $the_final_html = str_replace($current_bc, $new_bc, $the_existing_html); // replace the initial breadcrumb with the new one 
    echo $the_final_html; // output to see where we got