JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<table class="person attributes vcard">

  <tr>
    <th class="first-name">Name:</th>
    <td class="name fn ">User 123</td>
  </tr>
  <tr>
    <th class="middle-name">Middle name:</th>
    <td class="name mn "></td>
  </tr>
  <tr>
    <th class="last-name">Last name:</th>
    <td class="name ln ">456</td>
  </tr>
  <tr>
    <th class="address">Address:</th>
    <td class="address adr">
    </td>
  </tr>
  <tr class="tel">
    <th class="phone">Phones:</th>
    <td class="phones">
      <span class="value">11111111 <br></span>

    </td>
  </tr>
  <tr class="email">
    <th>Email:</th>
    <td>
      <a href="#">testmail</a>
    </td>
  </tr>



  <tr>
    <th class="registered_on"> Registered on:</th>
    <td class="registered_on"> ggggg</td>
  </tr>
  <tr>
    <th class="last_login_on"> Last connection:</th>
    <td class="last_login_on"> 6777ghhi</td>
  </tr>



</table>
<br/><br/>
<select id="mySelect">
  <option value="-1">-Select me-</option>
  <option value="1">I'm First</option>
  <option value="2">Oh Second</option>
</select>

<br/><br/>
<hr/>
Another table

<table>
<tr>
  <td>ff</td>
</tr>
</table>

JavaScript

$(document).ready(function() {
  $("#mySelect").change(function() {
   alert($("table.person tr td.phones").text());
  });
});