Adding span class for variable

Question

I am looking at a JS file from a colleague who has since left my work place so have no access to them.

//populate the inheritance table but remove all rows first
$("#reportBeneficiariesTable tbody").html("");

$(".saved-beneficiary").each(function() {
        $( "#reportBeneficiariesTable tbody" ).append( "<tr style=\"height:40px\">" + 
        "<td>"+$(this).find(".name").html()+"</td>" +
        "<td>"+$(this).find(".relation").html()+"</td>" +
        "<td>"+$(this).find(".inheritanceVal").html()+"</td>" +
        "<td>"+$(this).find(".taxableInheritance").html()+"</td>" +
        "<td>€"+$(this).find(".taxLiability").html()+"</td>");

I am trying to use the variable for .name as a span class to bring in the input Name further down the page? I thought this could be achieved by this:

 $('.name-1').html(name);

But doesn't seem to work? Any help would be appreciated

What do you want exactly? Could you describe the desired output? — Damian Peralta
– Damian Peralta, Commented Sep 11, 2018 at 8:41
I would like to be able to take the value that is input in the <td> "<td>"+$(this).find(".name").html()+"</td>" . Which is a Name and output it in a sentence in the page for example, <span class="name-1"></span> is my name. — conye9980
– conye9980, Commented Sep 11, 2018 at 8:44

enxaneta · Accepted Answer · 2018-09-11 08:51:21Z

1

You may use CSS as well. If you are allowed to use CSS you may transform the table's rows into flexbox and change the order of the <td>s inside, for example like this:

table *{border:1px solid #d9d9d9;padding:.5em;}

table{display:block;}
table tr{display:flex;}
.name{order:1}

<table>
<tr>
<td class="name">name</td>
<td class="relation">relation</td>
<td class="inheritanceVal">inheritanceVal</td>
<td class="taxableInheritance">taxableInheritance</td>
<td class="taxLiability">taxLiability</td>
</tr>
</table>

answered Sep 11, 2018 at 8:51

enxaneta

33.2k6 gold badges33 silver badges47 bronze badges

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

5 Comments

conye9980 Over a year ago

I wouldn't be too confident replacing the previous javascript in case it affects something elsewhere.

conye9980 Over a year ago

How can I then call the span for name elsewhere. I have replaced the table with your example and get the output I have entered earlier in the form, but when i try <span class=name"> it won't work?

enxaneta Over a year ago

I'm not very sure I understand you. You don't have a <span class=name"> you have a <td class="name">. You may call it by it's class or by it's position in the markup. Please add an example of what you want to do

conye9980 Over a year ago

If I have that table above. I would like for a sentence below to say. My name is John and my relation is Child. The 'John' and 'Child' would be taken from the table. If that makes sense

enxaneta Over a year ago

conye9980 This is an entirely different question. If you liked my previous answer please accept it and ask a new question

Collectives™ on Stack Overflow

Adding span class for variable

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related