ThymeleafでJqueryで値を取得する

Question

js内で$ {job}の値を取得する必要がありますが、方法はわかりません。そこで私は、$ {job.jobId}を使用して到達できる変数ですが、私はので、私はまたHTML

$("#apply").click(function(e) { 
 
    debugger 
 
    var $row = jQuery(this).closest('tr'); 
 
    var jobId = $row.find('${job.jobId}'); 
 
    e.preventDefault(); 
 
    document.location.href = "/admin"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="Job"> 
 
    <tr id="jobs" th:each="job : ${job}"> 
 

 
    <div class="col-md-3" id="JobTitle"> 
 
     <span class="label label-default">Job Title</span> 
 
     <td th:text="${job.jobTitle}" /> 
 
    </div> 
 

 
    <div class="col-md-3" id="jobDescription"> 
 
     <span class="label label-primary">Job Description</span> 
 
     <td th:text="${job.jobDescription}" /> 
 
    </div> 
 

 
    <div class="col-md-3" id="numberOfPersonToHire"> 
 
     <span class="label label-success">Number Of Candidates</span> 
 
     <td th:text="${job.numberOfPersonToHire}" /> 
 
    </div> 
 

 
    <div class="col-md-2" id="lastApplicationDate"> 
 
     <span class="label label-info">Last Date</span> 
 
     <td th:text="${job.lastApplicationDate}" /> 
 
    </div> 
 

 
    <button id="apply" type="button" class="btn btn-xs" aria-label="Left Align"> 
 
        <img th:src="@{/images/apply.png}" height="20" width="auto"/> Apply 
 
       </button> 
 
    <hr /> 
 
    </tr> 
 
</div>

HTML

にそれを書くdidntはそれを印刷したくありません：私は、Javaの春に取り組んでいる、これはjavasで

https://paste.ee/p/W1nrN

Answer 1

thymeleaf htmlページです次のコードを使用して、あなたの仕事の変数を取得CRIPT

var jsJob = [[${job}]]; 

が、これはあなたが私たちに、テンプレートの実際のHTML出力を示すことができます