Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Забрать данные из строки таблицы, по клику (https://javascript.ru/forum/jquery/52475-zabrat-dannye-iz-stroki-tablicy-po-kliku.html)

barseon 21.12.2014 11:01

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

Есть таблица

<tr>
  <td>Tiger Nixon</td>
  <td>System Architect</td>
  <td>$11320,800</td>
  <td><div class="choicem">выбрать</div></td>
</tr>


И кусок кода который работает с таблицей.

$(document).ready(function(){
        $('.choicem').click(function(){
     ....
        });
    });


По клику на элемент <div class="choicem"> хотелось бы, чтобы внутрь функции попадали все значения из строки в которой находится этот элемент. Tiger Nixon + System Architect + $11320,800

Rise 21.12.2014 11:30

barseon,
$(this).parent().prevAll().text();

barseon 21.12.2014 13:09

Rise

Спасибо, а как разбить по переменным значение из ячеек. Просто этот запрос возвращает текст, даже без сепараторов.

рони 21.12.2014 14:05

barseon,
:-?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .choicem{
     cursor: pointer;
   }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
    $(function() {
     var s = $(".choicem");
     s.click(function() {
         var a = $.map($(this.parentNode).siblings(), function(el) {
             return $(el).text()
         })
         alert(a)
     });
 });
  </script>
</head>

<body>
  <table> <tr>
  <td>Tiger Nixon</td>
  <td>System Architect</td>
  <td>$11320,800</td>
  <td><div class="choicem">выбрать</div></td>
</tr>
  </table>
</body>

</html>


Часовой пояс GMT +3, время: 10:35.