olampiad
سه شنبه 15 اردیبهشت 1394, 23:58 عصر
سلام و خسته نباشید به دوستان عزیز
من تو نت خیلی در مورد سوالم گشتم ولی جوابی پیدا نکردم.
به این لینکم رفتم
http://www.w3schools.com/jquery/jquery_ref_selectors.asp
ولی چیزی دستمو نگرفت
به این کد من یه نگا بندازید.
میبینید که اولین tr من قابل نمایش هستش و بقیه tr های من پنهان هستن.
من میخوام وقتی که کاربر روی آی دی da کلیک کرد::
اولین tr داخل جدولم که پنهان هستش به نمایش در بیاد.
در اینجا من با انتخاب (اولین tr که پنهان هستش) مشکل دارم.
میخوام بیاد داخل جدول جستجو کنه و او تی آری که مقدار رو برو رو داشت برگردونه style="display:none;"
آیا واسه ابن مشکل راه حلی وجود داره.
خیلی ممنون
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('');
});
</script>
</head>
<body>
<table id="tab" border="0">
<caption style="background:#FFF;"> <a href="" id="da" style="background:#9d0250; padding:2px; padding-right:7px; color:#FFF; border-radius:3px; padding-left:7px; text-decoration:none; font-size:15px;"> جدید </a> </caption>
<tr>
<td> نام دوره </td>
<td> محل برگزاری </td>
<td> تاریخ </td>
</tr>
<tr>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
</table>
</body>
</html>
من تو نت خیلی در مورد سوالم گشتم ولی جوابی پیدا نکردم.
به این لینکم رفتم
http://www.w3schools.com/jquery/jquery_ref_selectors.asp
ولی چیزی دستمو نگرفت
به این کد من یه نگا بندازید.
میبینید که اولین tr من قابل نمایش هستش و بقیه tr های من پنهان هستن.
من میخوام وقتی که کاربر روی آی دی da کلیک کرد::
اولین tr داخل جدولم که پنهان هستش به نمایش در بیاد.
در اینجا من با انتخاب (اولین tr که پنهان هستش) مشکل دارم.
میخوام بیاد داخل جدول جستجو کنه و او تی آری که مقدار رو برو رو داشت برگردونه style="display:none;"
آیا واسه ابن مشکل راه حلی وجود داره.
خیلی ممنون
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('');
});
</script>
</head>
<body>
<table id="tab" border="0">
<caption style="background:#FFF;"> <a href="" id="da" style="background:#9d0250; padding:2px; padding-right:7px; color:#FFF; border-radius:3px; padding-left:7px; text-decoration:none; font-size:15px;"> جدید </a> </caption>
<tr>
<td> نام دوره </td>
<td> محل برگزاری </td>
<td> تاریخ </td>
</tr>
<tr>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
<tr style="display:none;">
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
<td> <input type="text" class="inp" value="one" name=""> </td>
</tr>
</table>
</body>
</html>