Public Mindcss http://publicmind.in/blog Simple and Sophisticated Fri, 27 May 2011 08:28:30 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 PHP: Select HTML elements with more than one css class using XPath http://publicmind.in/blog/html-elements-with-more-than-one-css-class/ http://publicmind.in/blog/html-elements-with-more-than-one-css-class/#comments Fri, 02 Oct 2009 22:39:43 +0000 Nitin http://publicmind.in/blog/?p=309 Recently, while working on my project FeedAPI ImageGrabber I came across the issue where I had to select HTML elements by a given css class. The HTML element can have a single CSS class:

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

or multiple CSS classes associated with it.

<div class="foo exp tar"></div>

Now if you want to select the HTML elements with class “foo”, this div element would be one of them.

As, I do not have much experience with XPath, I started to search for a solution. After a lot of search and discussion on Drupal development mailing lists, I arrived at the following XPath :

 //*[@class and contains(concat(' ',normalize-space(@class),' '),' $classname ')]

The normalize-space function replaces all continuous tabs and whitespaces with a single whitespace character. Then, we concatenate the resulting string with two white-spaces, one in the start and other at the last. At last, we search for

' ' . $classname . ' '

in the final string.

I hope it helps.

]]> http://publicmind.in/blog/html-elements-with-more-than-one-css-class/feed/ 0