Навигация по таблице jQuery с использованием только относительных селекторов

Question

Учитывая таблицу, такую ​​как:

  <tbody>
        <%foreach (var book in Model.Books)
          { %>
        <tr>
            <td>
                <%: book.Title %>
            </td>
            <td>
                <%= book.AuthorsToLinks("MyBooks/List") %>
            </td>
            <td>
                <%: book.Genre.GenreName %>
            </td>
            <td>
                <input type="hidden" value="<%: book.Review.Rating %>" />
            </td>
            <td>
                <div class="bookRating">
                </div>
            </td>
            <td>
                <%= Html.ActionLink("Edit" , "Edit", new {bookID = book.BookID}, new { @class = "editBook"}) %>
            </td>
        </tr>
        <%} %>
    </tbody>

Как Сэму Хиллу выбрать скрытое значение ввода выше div "bookRating"?

Я думаю, что я пробовалкаждая комбинация prev () / parent () / children () / next () и т. д., и у меня совершенно нет терпения.

Спасибо.

Обновление:

Вот мой JS, который не работает:

$('.bookRating').raty({
    start: $(this).parent('td').prev('td').children('input').val(),
    readOnly: true
});

Я пытаюсь вставить рейтинг для каждой строки, как вы можете видеть.$ (это), по-видимому, проблема.Кто-нибудь знает почему?

Answer 1

$('.bookRating').parent('td').prev('td').children('input').val();

Должен сделать.

---

Я не думаю, что вы не можете использовать this в этой функции для ссылки на объект, который вызвал функцию. Учитывая, что их может быть несколько .bookRating, вам, вероятно, нужно пройти через каждый из них в отдельности (я не уверен, как работает ваш плагин):

$('.bookRating').each(function(){
    $(this).raty({
        start: $(this).parent('td').prev('td').children('input').val(),
        readOnly: true
    });
});