Viktor... You'd probably need an $.each() on there then.
-----Original Message----- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Viktor Tarm Sent: Monday, November 12, 2007 2:35 PM To: jQuery (English) Subject: [jQuery] Re: How to make the first word bold. Thank you all for your help. Andy, I'm looking to bold the first WORD, of all the links, not the first link. Karl, I made a simple page to test your code. It looks like this: <script type="text/javascript" src="./src/jquery-1.2.1.pack.js"></ script> <script type="text/javascript"> $(document).ready(function() { var mystring = $('#links a').html(); var firstword = mystring.replace(/(^\w+)/,'<strong>$1</strong>'); $('#links a').html(firstword); }); </script> </head> <body> <div id="links"> <p class="title"><a href="a.html">one two three four five</a></p> <p class="title"><a href="b.html">six seven eight</a></p> <p class="title"><a href="c.html">nine ten eleven</a></p> <p class="title"><a href="d.html">twelve thirteen fourteen</a></p> </div> This results in changing the content to = the first link's content, like so: <div id="links"> <p class="title"><a href="a.html"><strong>One</strong> two three four five</a></p> <p class="title"><a href="b.html"><strong>One</strong> two three four five</a></p> <p class="title"><a href="c.html"><strong>One</strong> two three four five</a></p> <p class="title"><a href="d.html"><strong>One</strong> two three four five</a></p> </div> I'm looking to just make the first word of the link bold (without changing the content), like this: <div id="links"> <p class="title"><a href="a.html"><strong>One</strong> two three four five</a></p> <p class="title"><a href="b.html"><strong>six</strong> seven eight</ a></p> <p class="title"><a href="c.html"><strong>nine</strong> ten elevan</ a></p> <p class="title"><a href="d.html"><strong>twelve</strong> thirteen fourteen</a></p> </div> Any ideas? Thanks again. On Nov 12, 12:24 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote: > You could also do this with a regular expression. Maybe something like > this: > > var mystring = $('#title a:first').html(); var firstword = > mystring.replace(/(^\w+)/,'<strong>$1</strong>'); > $('#title a:first').html(firstword); > > --Karl > _________________ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Nov 12, 2007, at 11:52 AM, [EMAIL PROTECTED] wrote: > > > > > Somebody else probably has a more consice method but you could try > > something like this > > > var mystring = "One Two Three"; //replace with your string var > > stringarray = mystring.split(" "); var firstword = mystring.split(" > > ")[0]; myarray = jQuery.grep(stringarray, function(n, i){ > > return (i > 0); > > }); > > $("div#title a").append("<strong>" + firstword + "</strong> > > ").append(myarray.join(" ")); > > > On Nov 11, 8:56 pm, Viktor Tarm <[EMAIL PROTECTED]> wrote: > >> I am trying to make the first word of a sentence (a title from a > >> generated feed) bold. > > >> TURN THIS: > > >> <div id="title"> > >> <a href="123.html">One Two Three</a> </div> > > >> INTO THIS: > > >> <div id="title"> > >> <a href="123.html"><strong>One</strong> Two Three</a> > >> </div> > > >> I sure there is a way to do with jQuery, but I can't quite figure > >> it out. I have tried something like this, with no luck: > > >> $("#title.a").contents(0).wrap("<strong></strong>"); > > >> Any help would be greatly appreciated.
