javascript - 查找父兄弟 td 隐藏值

Question

我想在单击 div 中的 CorrectAttempt 类时找到父同级 td 隐藏值。

 <tr th:each="m : ${markWiseResultModel}">
      <td th:text="${m.id}" align="center"></td>
      <td class="topicTD">
           <input type="hidden" class="topicId" th:value="${m.topic.id}"/>
           <div th:text="${m.topic.name}" align="center"></div>
      </td>        
      <td data-toggle="modal" style="background:#b8d1f3;">
           <div class="correctAttempt" th:text="${m.correctAttemptCount}" align="center" ></div>
      </td>
      <td th:text="${m.correctAttemptPercent}" align="center" style="background:#99FF99;"></td>        
      <td th:text="${m.wrongAttemptCount}" align="center" style="background:#b8d1f3;"></td>
      <td th:text="${m.wrongAttemptPercent}" align="center" style="background:#99FF99;"></td>        
      <td th:text="${m.correctTotalCount}" align="center" style="background:#b8d1f3;"></td>
      <td th:text="${m.correctTotalPercent}" align="center" style="background:#99FF99;"></td>        
      <td th:text="${m.wrongTotalCount}" align="center" style="background:#b8d1f3;"></td>
      <td th:text="${m.wrongTotalPercent}" align="center" style="background:#99FF99;"></td>        
 </tr>

 <script>
      $(document).ready(function(){
           $('.correctAttempt').click(function(){
                var id = $(this).parents('td').siblings('.topicTD').find(".topicId").val();
                alert(id);
                $('#correctOutOfAttempt').modal('show');
            });
      });
 </script>

已经尝试过脚本但没有成功。

Answer 1

试试这个-

Demo

 $(document).ready(function(){
      $('.correctAttempt').click(function(){
        var id=  $(this).parent().prev('.topicTD').find(".topicId").val();
        alert(id);
        $('#correctOutOfAttempt').modal('show');
      });
    });