HTML

Question

我需要在js中获得$ {job}的价值，但我不知道如何。有一个变量，我可以使用$ {job.jobId}，但我不想打印它所以我没有把它写入HTML

＆＃13;

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

＆＃13;

<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>

＆＃13;

HTML

另外：我正在使用Java Spring，这是百万美元的html页面

https://paste.ee/p/W1nrN

Answer 1

您可以看到百里香可用的所有变量的值，但只有在向服务器发出请求时才能看到它们。

因此，您必须使用脚本代码中的以下代码来完成此操作：

<script th:inline="javascript">
    // ... you code here       
</script>

，然后以这种方式传递变量的值，这里有两个示例：

var proyect=[[${proyect.name}]];

或

var email = [(${user.email})];

如果您的IDE标记为错误/警告，则可以执行以下操作：

var addr= "[(${address.street})]";
$('#street').val(addr);

您还可以在此处看到更广泛的解释： https://attacomsian.com/blog/thymeleaf-set-javascript-variable

Answer 2

在javascript中使用以下代码获取作业变量

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

请告诉我这是否适合您

在Thymeleaf页面中使用Jquery获取值

HTML

2 个答案: