2017-05-22 1 views
0

js 내에서 $ {job}의 값을 가져와야하지만 그 방법을 알지 못합니다. 이 전 $ {job.jobId}을 사용하여 도달 할 수있는 변수입니다하지만 난 그렇게 그것을 인쇄 할 그나마 내가 HTML 또한Thymeleaf에서 Jquery로 값 가져 오기

$("#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는 : 나는 자바 봄에서 일하고 있어요 그리고 이것은 html 페이지 thymeleaf javas에서

https://paste.ee/p/W1nrN

+3

근무 알려줘. 또한 컨텍스트에서'tr' 요소는'tbody' 내부에만있을 수 있고'td'는'tr' 내에 있어야하므로 HTML이 유효하지 않다고 추측합니다. 둘 다 당신의 예제 에서처럼 div 요소의 자식이 될 수는 없다. –

+0

나는 이해하지 못한다. 스크린 샷을 원한다? – Berkin

+0

아니요, 브라우저의 소스보기 창에서 복사하여 붙여 넣기 만 가능합니다. –

답변

0

입니다 다음 코드를 사용하여 작업 변수를 가져올 cript

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

이 당신이 우리에게 템플릿의 실제 HTML 출력을 보여줄 수 당신