Получения элемента с таблицы (jquery)

185
23 февраля 2018, 17:02

В общем у меня есть примерно такой код:

 <table class="table">
            <thead>
            <tr>
                <th>Name</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>This is</td>
                <td>
                    <button class="btn btn-info" class="btn btn-primary">Один </button>
                    <button class="btn btn-info" class="btn btn-primary">Два</button>
               </td>
           </tr>
            </tbody>
    </table>

Нажимаю я к примеру на кнопку "Один", и мне нужно получить текст вверхнего td (This is), то есть чтоб гибко было, получало рядом td, исключительно через jquery надо. Пробовал наподобии такого (с другой таблицей), не получалось.

 $("#create").find("#aga").parent("#s").text();

Благодарю за помощь.

Answer 1

Можно так

$('.btn-info').click(function(){
  console.log($(this).closest('td').prev().text())
})

тут суть в том, что вы возвращаетесь до ближайшего td ($(this).closest('td')) и берёте предыдущий элемент (.prev())

можно так:

$('.btn-info').click(function(){
  console.log($(this).closest('tr').find('td:first').text())
})

Логика похожа. возвращаетесь до ближайшего tr - идёте в низ до нужного (там можно класс поставить)

Answer 2

Если правильно понял что требуется, то вот так

$('.btn').click(function(){ 
alert($(this).parent().prev().text()); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<table class="table"> 
  <thead> 
    <tr> 
      <th>Name</th> 
      <th>Action</th> 
    </tr> 
  </thead> 
  <tbody> 
    <tr> 
      <td>This is</td> 
      <td> 
        <button class="btn btn-info" class="btn btn-primary">Один </button> 
        <button class="btn btn-info" class="btn btn-primary">Два</button> 
      </td> 
    </tr> 
  </tbody> 
</table>

READ ALSO
Использование &lt;use&gt; в SVG на устройствах Apple
HTML

Использование <use> в SVG на устройствах Apple

На странице имеется общая SVG с символамиДалее символы используются как <svg><use href="#icon-arrow"></use></svg>

 251
Не могу удалить нужный мне элемент через jQuery
HTML

Не могу удалить нужный мне элемент через jQuery

Не получается удалить элемент с помощью jQueryИмеется такой jQuery код, который при клике добавляет классы и вставляет новосозданный элемент в нужный...

 208
Проблема с высотой блока в sidebar-е
HTML

Проблема с высотой блока в sidebar-е

Есть вот такой вот sidebar, пытаюсь сделать к нему что-то типа footer'a, но столкнулся с проблемой: мне нужно чтобы блок footer занимал все оставшееся...

 236
Градиент на фоновое изображение в Css
HTML

Градиент на фоновое изображение в Css

Добрый день возник вопрос

 185