Getting values of row in table using Javascript

Question

I'm trying to get information from a table I have populated into. I got this code :

> dataHtml += `<tr onclick="getRowDetails(this)" class='accordion'
> id="accordion"> onclick="newAssign(this)"><td>${course.Year}</td><td>${course.Semester}</td><td>${course.Route}</td><td>${course.CourseName}</td></tr>`;

and once the row is clicked this function is triggered:

function getRowDetails(value) {
            console.log("showing this")
            console.log(value)
        }

and once I click on the row i see the following information:

My question is how do I approach this if I want to show the value "Big Data" only?

thanks !!

Assuming value contains HTML element, than you can simply select it's child: value.children[3] — vanowm
– vanowm, Commented May 22, 2022 at 17:40
Thanks alot !! It's working for me , by any chance do you know how can I remove the "<td>" out of the output? (the output is <td>Big Data<td> — Sasson Gabai
– Sasson Gabai, Commented May 22, 2022 at 17:57
just like any other DOM manipulations, by using removeChild() — vanowm
– vanowm, Commented May 22, 2022 at 18:03

user2495207 · Accepted Answer · 2022-05-22 17:57:11Z

2

Like this:

      function getRowDetails(value) {
        /* for (let i = 0; i < e.children.length; i++) {
          console.log(e.children[i].textContent);
        } */
        console.log(value.children[3].textContent);
      }

answered May 22, 2022 at 17:57

user2495207

8612 gold badges10 silver badges16 bronze badges

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

Comments

punisher · Accepted Answer · 2022-05-22 18:09:56Z

0

var row = $(value); 
var text = '';
for (var i = 0, col; col = row.cells[i]; i++) {
    if(col.innerHTML == 'Big Data')
        text = col.innerHTML;
          alert(text);
        }

the syntax may be wrong, i didn't try but i guess you can solve it like this.

answered May 22, 2022 at 18:09

punisher

211 silver badge7 bronze badges

Collectives™ on Stack Overflow

Getting values of row in table using Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related