سلام کد زیر را داریم
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<table>
<tr data-id="test1">
<td>1</td>
<td>2</td>
<td>
<a href="" onclick="create(1);" class="clickable">click</a>
</td>
</tr>
<tr data-id="test2">
<td>1</td>
<td>2</td>
<td>
<a href="" onclick="create(2);" class="clickable">click</a>
</td>
</tr>
<tr data-id="test3">
<td>1</td>
<td>2</td>
<td>
<a href="" onclick="create(3);" class="clickable">click</a>
</td>
</tr>
<tr data-id="test4">
<td>1</td>
<td>2</td>
<td>
<a href="" onclick="create(4);" class="clickable">click</a>
</td>
</tr>
<tr data-id="test5">
<td>1</td>
<td>2</td>
<td>
<a href="" onclick="create(5); " class="clickable">click</a>
</td>
</tr>
</table>
<script src="jquery-3.3.1.slim.min.js"></script>
<script>
$('.clickable').on('click', function() {
var evID = $(this).closest('tr').attr("#data-id");
alert(evID);
});
</script>
</body>
</html>
چگونه می توانم هرگاه روی تگa کلیک کردم data-id تگ tr والدش را بدست بیاورم باتشکر
لطفا کدتون رو درقالب کد قرار بدید.
$(document).on("click","a.clickable",function(){
var id = $(this).parents("tr").data("id");
console.log(id);
});
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)