How to add class to last list item

  • Resolved steverydz

    (@steverydz)


    15 years, 1 month ago

    Hi, I have an unordered list and each list item is floated left and has a right margin of 20px.

    This list has to be the exact width of the screen so I need to dynamically add a class of last to the last list item. I can do this with :last-child in modern browsers however this doesn’t work in IE.

    Does anyone know of a way I can dynamically add a class of .last to the final item in WordPress?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter steverydz

    (@steverydz)

    Not to worry. I’ve figured out that IE7 and 8 support :first-child but not :last-child so I can use that instead.

    Did you find the solution?

    hey,

    i had the same probleme, then i found a function in a thread, but it did not work, so i rewrote it and is works pretty well,

    i’m shure it could be imporved by comdining both regex into one, but still, it works pretty good

    it will ad a first and a last class to the li

    function add_last_class($input) {
	if( !empty($input) ) {

		$pattern = '/<li class="/is';
		$replacement = '<li class="first ';

		$input = preg_replace($pattern, $replacement, $input);

		$pattern = '/<li class="(?!.*<li class=")/is';
		$replacement = '<li class="last ';

		$input = preg_replace($pattern, $replacement, $input);

		echo $input;
	}
}

/* the echo=0 parma is important here */
add_last_class(wp_list_categories('title_li=&echo=0'));

    hope it helps

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to add class to last list item’ is closed to new replies.