PDA

View Full Version : سوال: پاک کردن ادامه صفحه بعد از کلیک



numberone1
دوشنبه 11 فروردین 1393, 14:25 عصر
سلام
عید همه مبارک
اگر چند تا المنت داشته باشیم توی صفحه مثلا المنت 1 تا 9 این شکلی


<select id="1">
<select id="2">
<select id="3">
<select id="4">
...
<select id="9">

بعد اگر روی المنت مثلا 2 کلیک شد از 2 به بعد کل المنت ها پاک بشه از توی صفحه؟
اونی که روش کلیک شده پاک نشه و قبل از اون هم هر چی بود پاک نشه ولی بعد از اون هرچی بود پاک شه.
میشه هم چین کاری رو کرد؟

jalil_gh
دوشنبه 11 فروردین 1393, 15:56 عصر
با ترکیبی از متد ()index و انتخابگر ()gt: میتونید این کارو انجام بدید.
تو مثال پایینی این کار با عناصر لیست انجام شده.


<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<ul id="container">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>


<script src="jquery-1.10.1.min.js"></script>
<script>

$("#container li").click(function() {
$("#container li:gt(" + $(this).index() +")").remove();
});

</script>

</body>
</html>