我有一个类似于这样的HTML文档。在这个文档中,行数不确定,可能是1也可能是1000个。每行都有一个名称为“应用”的按钮。我有一段jQuery代码来处理点击操作,但是在这种情况下,jQuery只能识别第一行的按钮。但我不知道该怎么做。
<tr id="jobs" th:each="job : ${job}">
<p id="jobID" th:text="${job.jobId}" style="display: none"></p>
<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="submit" class="btn btn-xs"aria-label="Left Align">
<img th:src="@{/images/apply.png}" height="20" width="auto" />
Apply
</button>
</tr>
JS
$("#apply").click(function(e){
e.preventDefault();
e.stopPropagation();
debugger
var jobId = $('#jobID').text();
document.location.href = "/admin";
});