How to use jquery to add text between existing <a href=''>Add text here</a> -
i have lightbox gallery following html code:
<!doctype html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css" type="text/css"> <title>gto gallery</title> </head> <body> <div class="container-fluid"> <h1>gto gallery</h1> <ul id="imagegallery"> <li><a href="img/1964_gto.jpg"><img src="img/1964_gto.jpg" width="100" alt="1964 pontiac gto" class="image"></a></li> <li><a href="img/1965_gto.jpg"><img src="img/1965_gto.jpg" width="100" alt="1965 pontiac gto"></a></li> <li><a href="img/1966_gto.jpg"><img src="img/1966_gto.jpg" width="100" alt="1966 pontiac gto"></a></li> <li><a href="img/1967_gto.jpg"><img src="img/1967_gto.jpg" width="100" alt="1967 pontiac gto"></a></li> <li><a href="img/1968_gto.jpg"><img src="img/1968_gto.jpg" width="100" alt="1968 pontiac gto"></a></li> <li><a href="img/1969_gto.jpg"><img src="img/1969_gto.jpg" width="100" alt="1969 pontiac gto"></a></li> <li><a href="img/1970_gto.jpg"><img src="img/1970_gto.jpg" width="100" alt="1970 pontiac gto"></a></li> <li><a href="img/1971_gto.jpg"><img src="img/1971_gto.jpg" width="100" alt="1971 pontiac gto"></a></li> <li><a href="img/1972_gto.jpg"><img src="img/1972_gto.jpg" width="100" alt="1972 pontiac gto"></a></li> <li><a href="img/1973_gto.jpg"><img src="img/1973_gto.jpg" width="100" alt="1973 pontiac gto"></a></li> <li><a href="img/1974_gto.jpg"><img src="img/1974_gto.jpg" width="100" alt="1974 pontiac gto"></a></li> </ul> </div> <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/app.js" type="text/javascript" charset="utf-8"></script> </body> . between 320px , 462px want remove picture , have links showing. want text links come alt attribute. know can text this:
var $alttext = $('img').attr('alt'); and think can use
$("img").removeclass("image"); to remove images
what cannot figure out how put text between , it's
<li><a href="img/1964_gto.jpg">1964 pontiac gto</a></li> i cannot figure out how have apply in particular media query.
use
$("a").each(function(i){ var img = $(this).find("img"); $(this).text(img.attr("alt")); }); 
Comments
Post a Comment