Replace class name of second identical class of div element

Question

I am generating a set of div having the same class name. I'm trying to replace the class name of the second div only.

I have used preg_replace but it is replacing all div tags with the bar class name instead of only the class name of the second div, as seen below.

function add_menuclass($mynewclass) {
    return preg_replace('/<div /', '<div class="bar"', mynewclass);
}

I have:

  <div class="bar"></div>
  <div class="bar"></div>
  <div class="bar"></div>
  <div class="bar"></div>

I want:

  <div class="bar"></div>
  <div class="foo"></div>
  <div class="bar"></div>
  <div class="bar"></div>

[Please don't use regexes to parse HTML](https://stackoverflow.com/a/1732454/965834). Use a [DOM](https://www.php.net/manual/en/book.dom.php) parser instead. — Jeto, Oct 20 '19 at 21:30
As above, look into using [DOM Document](https://www.php.net/manual/en/class.domdocument.php) and you'll find better programmatic access to the structure of a HTML document. — Scuzzy, Oct 20 '19 at 21:31
@KIKOSoftware I'm not sur what you mean. I guess I forgot to mention I using WP. — The Hidden Soul, Oct 23 '19 at 20:14
@Jeto, thank you for the links. I'm unfamiliar with DOM parser. I will take a look. — The Hidden Soul, Oct 23 '19 at 20:16
Thanks for the warning @Jeto , is there a way to target this second div and change it into another tag element like a or p ? — The Hidden Soul, Oct 23 '19 at 22:16

score 0 · Answer 1 · answered Oct 23 '19 at 22:14

0

I solved part of the problem by doing (for WP):

function replace_class($content){
    $html = str_get_html($content);
    $html -> find('div.bar', 1) -> class = 'foo';
    return $html;
}
add_filter('wp_nav_menu', 'replace_class');

answered Oct 23 '19 at 22:14

The Hidden Soul

49
8

Replace class name of second identical class of div element

1 Answers1