Jquery - Issues wrapping a to each array value dynamically

Question

Hi folks I have a quick question. With the help of experts on this forum I was able to get a simple timesheet application going. Everything works great. Im just trying to do one simple adjustment.

Here is the full code: https://jsfiddle.net/tj6bcjos/9/

During this part of the code:

 rw = '<tr><td>'+p.ID+'</td><td>'+p.description+'</td><td>'+
  s.join('<br>')+'</td><td>'+e.join('<br>')+'</td><td>'+h.join('<br>')
  +'</td><td>'+n.join('<br>')+'</td></tr>'

This part in particular: h.join(' '). I tried changing it to h.join(' ') I was expecting this to return something like (amount of hours)  but instead getting (amount of hours) .

I understand now that its not the way the .join function ouputs the data. So I figured I try .join('')h.join(' ') but no luck either. Basically I just want every entry in the h array to return (amount of hours) . Been scavenging for answers on different forums but seems like I might need to recode this part.

Curios to if you guys have a different approach?

gcampbell · Accepted Answer · 2016-06-07 18:44:48Z

2

You can use map:

h.map(function (text) {
  return "<span class='Hours'>" + text + "</span><br>"
})

answered Jun 7, 2016 at 18:44

gcampbell

1,27215 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lem2802 · Accepted Answer · 2016-06-07 18:39:50Z

0

and what about that?

'<span class="Hours">' + h.join('</span><br><span class="Hours">') + '</span>'

answered Jun 7, 2016 at 18:39

lem2802

1,1627 silver badges18 bronze badges

1 Comment

Daniel Ellison Over a year ago

Wow, dont know how I missed that. That worked as expected. Thank you so much lem :)

Collectives™ on Stack Overflow

Jquery - Issues wrapping a <span> to each array value dynamically

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related