troubleshooting Question

jQuery add dotted lines

Avatar of Refael
RefaelFlag for United States of America asked on
jQuery
3 Comments1 Solution569 ViewsLast Modified:
Hi Guys,

I have few UL lists in a page.
Here is the code below including the jQuery. What i am trying to do is fill in the gap between the end of "href" text to the "span" with dotted line" suc has in the screenshot attached.

The HTML

<div id="poi">

    <ul>
       <li><a href="#">Lorem Ipsum is simply dummy  <span>&raquo;</span></a></li>
      <li><a href="#">Lorem Ipsum is  <span>&raquo;</span></a></li>
      <li><a href="#">Lorem Ipsum is simply <span>&raquo;</span></a></li>
    </ul>

    <ul>
       <li><a href="#">Lorem Ipsum is simply dummy  <span>&raquo;</span></a></li>
       <li><a href="#">Lorem Ipsum is  <span>&raquo;</span></a></li>
      <li><a href="#">Lorem Ipsum is simply <span>&raquo;</span></a></li>
    </ul>

</div>

$(document).ready(function() {
	var poiList = $("#poi ul");
	
	$(poiList).each(function() {
		var poiListWidth = ($(this).width());
		$(this).css({'width': poiListWidth+10 });	
	});	
});

dotted lines per distance between end of text to span
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 3 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 3 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros