Циклическая таблица с флажками и получение значений строк в jquery mobile 1.3

Question

Циклическая таблица с флажками и получение значений строк в jquery mobile 1.3

0

Мне нужно зацикливать таблицу и получить данные ячеек строки для переменных. У меня нет проблем с тем, чтобы заставить его работать (рабочая скрипка здесь) http://jsfiddle.net/alsosun/8nvPX/3/

Но когда я переключаюсь на jquery 1.3 mobile, я не получаю никаких значений, переданных переменным.

Был поиск, но не могу найти разницы. код:

<table id="one">
  <tr>
    <th></th>
    <th>ID</th>
    <th>Name</th>
    <th>System</th>
  </tr>

  <tbody>
  <tr>
    <td>
      <input type="checkbox" />
    </td>
    <td>12</td>
    <td>Sam</td>
    <td>FSS</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" />
    </td>
    <td>87</td>
    <td>Harry</td>
    <td>MSS</td>
  </tr>

  </tbody>
</table>
<br>
<hr>
<br>
<button id="add">Add</button>

скрипт

var stringresult = '';
$('#add').on('click', function () {
  $('input:checked').each(function () {
    $this = $(this);
    var one = $this.parent().siblings('td').eq(0).text();
    var two = $this.parent().siblings('td').eq(1).text();
    var three = $this.parent().siblings('td').eq(2).text();
    alert(one + ' ' + two + ' ' + three);

    //or just 
    stringresult += $this.parent().siblings('td').text();
  });
  alert('This is the whole string: '+stringresult);
});

Cory 15 дек. 2013, в 19:01

Источник

0

jsfiddle.net/Palestinian/8nvPX/4
Omar 15 дек. 2013, в 18:06
0

просто случайность - получил его $("input[name='case[]']:checked").each(function () { //closest("td").siblings("td"), var code = $(this).closest("td").siblings("td").eq(0).text(); var out = $(this).closest("td").siblings("td").eq(1).text(); //var two = $(this).eq(1).text(); alert(code + " " + out) });
Cory 15 дек. 2013, в 18:08
0

@Omar Омар только что видел твои. Да, это работает, спасибо - добавьте это, чтобы я мог принять это
Cory 15 дек. 2013, в 18:11
0

это правильный jsfiddle.net/Palestinian/j8jqV
Omar 15 дек. 2013, в 18:27

Показать ещё 2 комментария

Теги:

jquery

html5

jquery-mobile

1 ответ

Ещё вопросы

просто случайность - получил его $("input[name='case[]']:checked").each(function () { //closest("td").siblings("td"), var code = $(this).closest("td").siblings("td").eq(0).text(); var out = $(this).closest("td").siblings("td").eq(1).text(); //var two = $(this).eq(1).text(); alert(code + " " + out) });
@Omar Омар только что видел твои. Да, это работает, спасибо - добавьте это, чтобы я мог принять это

Omar · Accepted Answer · 2013-12-15T16-40-00.000Z

Loop внутри tr children (td), который не содержит input, с использованием :not() и :has() селекторов.

$('#add').on('click', function () {
    $('input:checked').each(function () {
        var checked = $(this).closest("tr").find("td:not(:has(input))");
        $.each(checked, function () {
            console.log($(this).text());
        });
    });
});

демонстрация