Question

UPDATE:
Yes I am Using PHP in my pages.

Hello Friends I was thinking….. Is there a way to add a <span> tag to the title without using javascript?

May be using Regex or php or some other method. I dont really know.

Let me explain….

My HTML is like this:

<h3 class="title">The Title Goes Here</h3>

What I want is to automatically add a span tag, so the the final HTML looks like this.

<h3 class="title"><span>The </span>Title Goes Here</h3>

I want to wrap only the first word of the title in a <span> tag.

I know this can easily be dont using Javascript but I am looking for a non-javascript solution.

Please Help!

Answer 1

You can do this with DOMDocument in PHP if you don’t want to do it with the javascript DOM:

$html = '<h3 class="title">The Title Goes Here</h3>';
$doc = new DOMDocument();
$doc->loadHTML($html);
$xp = new DOMXPath($doc);
foreach($xp->query('//h3[@class="title"]') as $parent) {
    $title = $parent->nodeValue;
    list($first, $rest) = explode(' ', $title, 2);
    $span = new DOMElement('span', $first. ' ');
    $parent->nodeValue = $rest;
    $parent->insertBefore($span, $parent->firstChild);
}
foreach($doc->getElementsByTagName('body')->item(0)->childNodes as $node)
{
    echo $doc->saveHTML($node);
}