Iran58
چهارشنبه 05 دی 1397, 15:43 عصر
سلام
کد زیر را نوشته ام
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
</body>
<table class="table text-center ">
<tr data-id="t0">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td>Row3</td>
</tr>
<tr data-id="t1">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td><a onclick="EditStatus();">clickb1</a></td>
</tr>
<tr data-id="t2">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td> <a onclick="EditStatus();">clickb2</a></td>
</tr>
<tr data-id="t3">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td><a onclick="EditStatus();">clickb3</a></td>
</tr>
</table>
<script src="jquery-3.1.1.min.js"></script>
<script src="bootstrap.min.js"></script>
<script>
function EditStatus() {
alert($(this).parents('tr').data('id'));
}
</script>
</html>
می خواهم وقتی تابع مورد نظر کلیک شد مقدارdata-id tr را برگرداند
اما نمی دانم چرا مقداری برنمیگرداند
کد صحیح چه می باشد
کد زیر را نوشته ام
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
</body>
<table class="table text-center ">
<tr data-id="t0">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td>Row3</td>
</tr>
<tr data-id="t1">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td><a onclick="EditStatus();">clickb1</a></td>
</tr>
<tr data-id="t2">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td> <a onclick="EditStatus();">clickb2</a></td>
</tr>
<tr data-id="t3">
<td>Check</td>
<td>Row1</td>
<td>Row2</td>
<td><a onclick="EditStatus();">clickb3</a></td>
</tr>
</table>
<script src="jquery-3.1.1.min.js"></script>
<script src="bootstrap.min.js"></script>
<script>
function EditStatus() {
alert($(this).parents('tr').data('id'));
}
</script>
</html>
می خواهم وقتی تابع مورد نظر کلیک شد مقدارdata-id tr را برگرداند
اما نمی دانم چرا مقداری برنمیگرداند
کد صحیح چه می باشد