цикл через все tr и проверки элементов управления внутри тд в jquery

Question

у меня есть таблица, структура которой

<table>
    <tr>
        <td>
            <input type="text" id="field_1" />
            <input type="text" id="field_2" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id="field_1" />
            <input type="text" id="field_2" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id="field_1" />
            <input type="text" id="field_2" />
        </td>
    </tr>
    <tr>
        <td>
        </td>
    </tr>
</table>​

Мне нравится перебирать все tr и проверять, являются ли field_1 и field_2 пустыми.

Мой пример кода

$('#table-1 tr').each(function () {
    var title = $(this).find("input[id*='field_1']");
    var link = $(this).find("input[id*='field_2']");
    if (title.value == '' || link.value == '') {
        alert("empty");
    }
});

Это дает неопределенное как для ссылки, так и для заголовка !!

Answer 1

Во-первых, вам нужно изменить свои идентификаторы на классы, так как вы не можете повторно использовать идентификаторы на странице. Они должны быть уникальными.

Основная проблема с вашим кодом заключается в том, что вы пытаетесь использовать .value против объекта jQuery.

Вам нужно .val(), чтобы получить значение <input> из объекта jQuery, как в title.val().

Или для непосредственного использования свойства .value необходимо сначала извлечь элемент DOM из объекта jQuery, как в title[0].value.

$('#table-1 tr').each(function() {
      var title = $(this).find("input[id*='field_1']");
      var link = $(this).find("input[id*='field_2']");

      if(title[0].value=='' || link[0].value=='') {
          alert("empty");
      }
});