나는 jquery를 처음 접했고 내 응용 프로그램에서 사용하고 싶습니다. 다음과 같은 데이터가 포함 된 테이블이 있습니다.
<tbody>
<tr>
<td>Ariel <button id="edit" data-id="<?php echo $row->id_user; ?>Edit</button></td>
<td>[email protected]</td>
<td>27</td>
</tr>
<tr>
<td>Noel <button id="edit" data-id="<?php echo $row->id_user; ?>Edit</button></td>
<td>[email protected]</td>
<td>31</td>
</tr>
<tr>
...
</tr>
</tbody>
<button>
클릭 했을 때 jquery를 사용하여 데이터 ID를 얻으려고합니다 . 이것은 내 코드입니다.
$(function() {
var btn = $("#edit"),
id = btn.data("id");
btn.on("click", function() {
console.log(id);
});
});
기록 할 수있는 첫 번째 행만. 구문을 모릅니다. 어떻게해야합니까?
@ UPDATED @
ID 대신 클래스를 사용하는 솔루션을 찾았습니다. 일부 요소에서 동일한 ID를 갖는 것은 유효하지 않습니다. 그래서 나는 이것을 사용합니다.
<button class="edit" data-id="<?php echo $row->id_user; ?>">Edit</button>
그리고 내 jquery에서 몇 가지를 변경하십시오.
$(".edit").each(function() {
var $this = $(this),
id = $this.data("id");
$this.on("click", function() {
console.log(id);
});
});
id
하나의 웹 페이지에서 같은 것을 여러 번 가질 수 없습니다 . class
대신 사용하십시오 .
$(function() {
var btn = $(".edit");
btn.on("click", function() {
var data = $(this).data("id");
console.log(data);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<tbody>
<tr>
<td>Ariel <button class="edit" data-id="id-1">Edit</button></td>
<td>[email protected]</td>
<td>27</td>
</tr>
<tr>
<td>Noel <button class="edit" data-id="id-2">Edit</button></td>
<td>[email protected]</td>
<td>31</td>
</tr>
<tr>
...
</tr>
</tbody>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다