jquery using csv to produce list with unique href per item

boxhedge
boxhedge used Ask the Experts™
on
Hi,
I'm trying to adapt a code snippet I had gotten from here.

What I need to achieve is to produce a ul list with data in each li item and a unique href for each item using csv data on the site.

Here's what I have
<section class="tag"><strong>TAGGED IN: </strong><ul><span>item1,nextItems2,anotherItems3</span></ul>


Here's what need to be produced
<section class="tag">
<strong>TAGGED IN: </strong>
<ul>
<li><a href="SameDomainURL/search-results.html?item1">item1</a></li>
<li><a href="SameDomainURL/search-results.html?nextItems2">nextItems2</a></li>
<li><a href="SameDomainURL/search-results.html?anotherItems3">anotherItems3</a></li>
</ul>

Here's the code I've tried to append but doesn't quite work:
$('.tag span').each(function(){
	var currentList = $(this);
	var itemsArray = currentList.text().split(",");
	//Loop through the array and add a li a href element
	$.each(itemsArray , function(index, value) { 
		var newLI = $("<li>").html($("<a>").html(value).attr('href', '/site-search-results.html?category=').html(value));
		currentList.append(newLI);
	});
});

Open in new window


What it isn't doing but I need it to is:
1. strip the original csv data just leaving the formatted data.
2. Add the item value as unique value per item to the url href after the ?

Help appreciated...Christmas is nearly here! and I need to finish!
Regards
Lee
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
Have a look at this project http://code.google.com/p/jquery-csv/

Author

Commented:
Thanks but not what I'm after.
Just need this one use and the specific requirements of what I have explained.
If padas or anyone else can be of more help it would be appreciated,
Regards
Lee
Commented:
Sorted it. Slightly different approach

	var propCatList = $('.tag ul').text();
	itemsArray = propCatList.split(",");
	$('.tag ul').html('');
	$('.tag ul').append('');
	$.each(itemsArray , function(index, value) { 
	$('.tag ul').append('<li><a href="/site-search-results.html?category='+ value +'"><span>' + value + '</span></a></li>');
	});

Open in new window

Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

Commented:
I've requested that this question be closed as follows:

Accepted answer: 0 points for boxhedge's comment #a38716889

for the following reason:

Because it is and expert posted generic answer without really thinking it through. Once an expert posts a single comment it greatly reduces chance of someone elses involvement

Author

Commented:
Because I provided the solution and expert posted generic answer without really thinking it through. Once an expert posts a single comment it greatly reduces chance of someone elses involvement particularly in my short timescale.

Author

Commented:
Because I provided the solution and expert posted generic answer without really thinking it through. Once an expert posts a single comment it greatly reduces chance of someone elses involvement particularly in my short timescale.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial