Member 10624370 Ответов: 1

как получить значения столбцов для выбранной строки с помощью jQuery


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


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">

function test(){
var id = $(".use-address").closest("tr").find('td:eq(2)').text();
  alert(id);
}
    </script>

</head>
<body>
<table id="choose-address-table" class="ui-widget ui-widget-content">
  <thead>
    <tr class="ui-widget-header ">
      <th>Name/Nr.</th>
      <th>Street</th>
      <th>Town</th>
      <th>Postcode</th>
      <th>Country</th>
      <th>Options</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="nr"><span>50</span>

      </td>
      <td>Some Street 1</td>
      <td>Glas</td>
      <td>G0 0XX</td>
      <td>United Kingdom</td>
      <td>
        <button type="button" class="use-address" onclick="test();">Use</button>
      </td>
    </tr>
    <tr>
      <td class="nr"><span>30</span>
      </td>
      <td>Some Street 2</td>
      <td>Glasgow</td>
      <td>G0 0XX</td>
      <td>United Kingdom</td>
      <td>
          <button type="button" class="use-address" onclick="test();">Use</button>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

Sergey Alexandrovich Kryukov

Прежде всего, это означает "одна клетка". Очень хорошо, но что значит" избранный"? Каков механизм отбора?
Получение значения с помощью jQuery вообще не будет проблемой; просто прочитайте документацию.
—СА

Member 10624370

здесь смысл выделения заключается в щелчке по этому элементу строки.

1 Ответов

Рейтинг:
1

Murugesan22

Remove onclick function try this

 $("body").on('click', '.use-address', function() {
	$(this).parent().parent().children(':nth-child(2)').text();
 });