Получить данные ячейки определенной строки

Привет, ребята, у меня есть код, который получает данные из моей базы данных и отправляет их в таблицу html. Я хочу отправить определенную строку или данные ячейки, соответствующие кнопке, после того, как кнопка будет нажата, в элемент абзаца, который я использовал

console.info(this.childNodes[0].innerHTML); // column 1 in row1  

но это не работает Вот мой код

 <?php
    if (isset($_POST['searchbox'])){    
        $bloodonation =$_POST['searchbox'];
        $multiple= explode(',',$bloodonation);
        $var1 = $multiple[0]; // firstname                                                                                                   
        $var2 = $multiple[1]; // fathername
        $var3 = $multiple[2]; // lastname                /*bloodtype.blood_type='$var4' AND bodytype.bodytype='$var5' AND */
        $_SESSION["firstname"] = $var1;
        $_SESSION["fathername"] = $var2;    
        $_SESSION["lastname"] = $var3;  
        if (!empty($bloodonation)){
            //$myfile = fopen("file.txt", "w");
            //file_put_contents('file.txt',$bloodonation);
            //fclose($myfile);
            $bloodquery  = "SELECT personprofile.firstname,personprofile.fathername,personprofile.lastname,bloodtype.blood_type,bodytype.bodytype,personprofile.bloodoner,personprofile.organdoner
                        FROM personprofile,bloodtype,bodytype
                        WHERE   personprofile.bloodtype= bloodtype.id AND 
                                personprofile.hascancer ='No' AND personprofile.chronicdisease= 'No' AND personprofile.autoimmunedisease= 'No' AND
                                personprofile.bodytype= bodytype.id";

            //$sql = "SELECT `firstname`, `fathername`, `lastname` FROM `personprofile` WHERE chronicdisease=\"No\" AND hascancer=\"No\" AND autoimmunedisease=\"No\"";
            $bloodqr=mysqli_query($link,$bloodquery);

            echo "<table>";
            echo "<tr><th>Firstname</th><th>Fathername</th><th>Lastname</th><th>Blood type</th><th>Body type</th></tr> ";
            while($row=mysqli_fetch_assoc($bloodqr)){
                echo"<tr><td>";
                echo $row['firstname'];
                echo "</td><td>";
                echo $row['fathername'];
                echo "</td><td>";
                echo $row['lastname'];
                echo "</td><td>";
                echo $row['blood_type'];
                echo "</td><td>";
                echo $row['bodytype'];
                echo "</td><td>";?><html><button onclick = "outputdata()">Send Email</button></html> <?php 
                echo"</td></tr>";

            }
        } 
    } ?>
<!DOCTYPE html>
<html>
<body>
<p id = "demo"></p>
<script>
var paragraphdata = document.getElementById("demo");

function outputdata() {
        console.info(this.childNodes[0].innerHTML); // col1
        console.info(this.childNodes[1].innerHTML); // col2
        paragraphdata.innerHTML = "Geolocation is not supported by this browser.";
    }
</script>
</body>
</html>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
38
1

Ответы 1

Вы можете попробовать использовать такой метод. Во-первых, вы должны установить уникальный идентификатор в теге tr. И вы можете получить данные тега td с идентификатором тега tr.

echo '<tr id = "'.$unique_id.'">';

$("button").click(function(){
    console.info($(this).closest('tr').index()); // Get the value of tr tag id.
}
  • А еще можно попробовать использовать этот ссылка

Другие вопросы по теме