Получить значение из таблицы с jquery

Question

Я уже прочитал некоторые ответы здесь, но он продолжает давать мне неопределенные или пустые предупреждения.

Итак, у меня есть этот код PHP, и всякий раз, когда я нажимаю на одну из звезд, я хочу JQUERY чтобы получить значение из "div class =" rating-stars ".

Это был последний использованный файл. Он отображает пустое предупреждение ...

    var pairing =  $(this).closest('td').find('.rating-stars').val();

  alert (pairing);

Как мне это сделать это? Спасибо заранее.

 echo'</td>
                        <td>
                        <div class="rating-stars" value="'.$row["pairing"].'">
                        <div id="stars">
                        <span class="star" title="Ó mãe! Que mal foi que eu te fiz?" data-value="1">
                          <span class="fa fa-star"></span>
                        </span>
                        <span class="star" title="Mais valia não ter aberto a garrafa!" data-value="2">
                          <span class="fa fa-star"></span>
                        </span>
                        <span class="star" title="Assim, assim…" data-value="3">
                          <span class="fa fa-star"></span>
                        </span>
                        <span class="star" title="Eu sabia! A mãe nunca se engana!" data-value="4">
                          <span class="fa fa-star"></span>
                        </span>
                        <span class="star" title="És a melhor mãe do mundo!" data-value="5">
                          <span class="fa fa-star"></span>
                        </span>
                        </div>
                      </div>
                    </div>
                        </td>                                                                                       
                     </tr>';

Answer 1

Вы не можете использовать .val() на DIV, только элементы ввода. Используйте атрибут data-XXX и прочитайте его с jQuery .data().

echo'</td>
        <td>
        <div class="rating-stars" data-stars="'.$row["pairing"].'">
        <div id="stars">
        <span class="star" title="Ó mãe! Que mal foi que eu te fiz?" data-value="1">
          <span class="fa fa-star"></span>
        </span>
        <span class="star" title="Mais valia não ter aberto a garrafa!" data-value="2">
          <span class="fa fa-star"></span>
        </span>
        <span class="star" title="Assim, assim…" data-value="3">
          <span class="fa fa-star"></span>
        </span>
        <span class="star" title="Eu sabia! A mãe nunca se engana!" data-value="4">
          <span class="fa fa-star"></span>
        </span>
        <span class="star" title="És a melhor mãe do mundo!" data-value="5">
          <span class="fa fa-star"></span>
        </span>
        </div>
      </div>
    </div>
        </td>                                                                                       
</tr>';

Тогда:

var pairing =  $(this).closest('td').find('.rating-stars').data("stars");