here i modified my code for class adding var obj = $("a");
for(var i = 0; i < obj.length; i++) { obj.eq(i).wrap("<span></span>" > > ); // wrap the hyperlink in a span tag > obj.parent().eq(i).prepend('<span class="before">This is text before the > hyperlink</span>'); > obj.parent().eq(i).append('<span class="after">This is text after the > hyperlink</span>'); > } On Thu, May 14, 2009 at 7:58 PM, waseem sabjee <waseemsab...@gmail.com>wrote: > var obj = $("a"); > > for(var i = 0; i < obj.length; i++) { > obj.eq(i).wrap("<span></span>"); // wrap the hyperlink in a span tag > obj.parent().eq(i).prepend("This is text before the hyperlink"); > obj.parent().eq(i).append('This is text after the hyperlink'); > } > > use the above common method and you can furthur change this script to look > for hyperlinks with a specific class by saying : > var obj = $("a.myclass"); > or > var obj = $("a#myid"); > may be even > var obj = $("h2 a"); > > > On Thu, May 14, 2009 at 7:46 PM, vmrao <maheshpav...@gmail.com> wrote: > >> >> >> Also, I would like to apply a specific CSS style to the text being >> added. >> >> Here is my CSS. >> .fileExtension { >> padding-left:0pt; >> font-family: Arial, Helvetica, sans-serif; >> font-size: 7pt; >> font-weight: normal; >> color: #354963; >> } >> >> On May 14, 1:18 pm, vmrao <maheshpav...@gmail.com> wrote: >> > Thanks. How about if I want to make it dynamic ? Say, I have several >> > links on the page with different extensions >> > (Ex: .doc, .docx, .ppt, .pptx, .pdf, .mpg). Can I accomplish the above >> > with one statement rather than hard coding what text to append for >> > each extension ? >> > >> > On May 14, 12:23 pm, brian <bally.z...@gmail.com> wrote: >> > >> > >> > >> > > $("a[href$='.pdf']").after(' (pdf)'); >> > >> > > On Thu, May 14, 2009 at 11:55 AM, vmrao <maheshpav...@gmail.com> >> wrote: >> > >> > > > I would like to display file extension along with the file links on >> a >> > > > web page. >> > >> > > > For example, I would like to append (pdf) next to any pdf links. >> > >> > > > The following code works to some extent but not as I intended. >> > > > $("a[href$='.pdf']").append(" (" + 'pdf' + ") "); >> > >> > > > If I use the above code, (pdf) is also underlined being part of the >> > > > link. I want (pdf) next to the link and not as part of the link.- >> Hide quoted text - >> > >> > > - Show quoted text -- Hide quoted text - >> > >> > - Show quoted text - > > >