Problems adding HTML .before .after an img with JQuery - JQuery closing tags -

-

alright, trying close img within (i know, know... not template) using jquery. happening - jquery closing tag adding .before... don't want closed until .after adding... struggling this. appreciated. i've tried .prepend/.append, , .wrap...

here code...

$(document).ready(function(){ $("img.bottomshadow").each(function(){     var imagewidth = $(this).attr("width");     var width = imagewidth + 10;         $(this).before("<span class='image_shadow_container'>");         $(this).after("<img class='noimgbg' alt='' src='images/image_shadow.png' width='" + width + "'></span>"); });

});

what want is this: 

<span class="image_shadow_container">                                         <img src="images/fwidth_img_3.jpg" class="image_shadow" alt="" />                                         <img src="images/image_shadow.png" alt="" width="300" class="noimgbg" />                                      </span>

what this...

   <span class="image_shadow_container"></span> <img class="bottomshadow" width="160" height="128" alt="" src="images/newsimages/smallben.jpg"> <img class="noimgbg" width="170" src="images/image_shadow.png" alt="">

with span being closed "early" jquery... ideas?

you have .wrap(), not use .before(), jquery parses , corrects unclosed tags:

$("img.bottomshadow").each(function(){     var imagewidth = $(this).attr("width");     var width = imagewidth + 10;      $(this).wrap("<span class='image_shadow_container' />");     $(this).after("<img class='noimgbg' alt='' src='images/image_shadow.png' width='" + width + "'></span>"); });

Comments

Post a Comment

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

-
<dx:aspxcombobox id="aspxcombobox2" runat="server" clientidmode="autoid" selectedindex="-1" onselectedindexchanged="aspxcombobox1_selectedindexchanged1" > <clientsideevents selectedindexchanged="function(s, e) { grid.selectrows();}" /> <items> <dx:listedititem text="selecte rows" /> <dx:listedititem text="unselectall" /> </items> </dx:aspxcombobox> i want write event "unselect all" item in combobox. how can this? you'll need write javascript function iterates thru combo-box , marks selected items false. see select/unselect checkbox fields using pure javascript , html sample code msdn:
Read more

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -

-
pypdf throws exception: pypdf.utils.pdfreaderror: eof marker not found i don't need fix pypdf, need eof error cause "except" block execute , skip on file, doesn't work. still causes program stop running. background: batch ocr program pdfs python, pypdf, adobe pdf ocr error: unsupported filter /lzwdecode ... saga continues. i got 10,000 pdfs in folder. ocrd, not. can't tell 'em apart. step 1 figure out ones not ocrd , ocr (see other threads details). so i'm using pypdf. exceptions related unrecognized characters , unsupported filters when try read text. guestimated if throws exception, it's got text in , doens't go in list. problem solved, right? so: pypdf import pdffilewriter, pdffilereader import sys, os, pypdf, re path = 'c:\users\homer\documents\my pdfs' filelist = os.listdir(path) has_text_list = [] does_not_have_text_list = [] pdf_name in filelist: pdf_file
Read more