پاک کردن li قبلی با زدن دکمه با نام remove در داخل یک لیست

این تاپیک 4 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Ali Hosseini ،‏ 9 ماه و 2 هفته پیش .

این تاپیک تاکنون 281 بازدید داشته است .

نویسنده پست
سه شنبه ، 1 مارس 2016     10:45 ق.ظ #


Shirin

Subscriber
5 پست7 تاپیک

من یک textbox طراحی کردم که کاربر با نوشتن داخل آن و زدن دکمه add هر بارنوشته هاش به صورت لیست وار داخل یک li جدید بره.

حالا می خوام با زدن دکمه دیگری با نام remove فقط li آخری که نوشته پاک شود نه کل لیست. و هر بار با زدن li ، remove ها به ترتیب دونه دونه از آخر پاک شن.

ممنون میشم کمکم کنید

 

 

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، 1 مارس 2016     10:50 ق.ظ #


Shirin

Subscriber
5 پست7 تاپیک

// <![CDATA[
$(document).ready(function () {
$("textarea").focus(function () {
$(this).empty().css("color", "black");
});
$("#add").click(function () {
$(".list ul").append(
$('

').append(
$("#txt").val()).css({ "list-style": "none", "color": "black" })
);
});
$("#remove").click(function () {
$(".list ul").empty();
});
});

// ]]>

sample text is here!
Add
Remove

0  تشکر
سه شنبه ، 1 مارس 2016     10:50 ق.ظ #


Shirin

Subscriber
5 پست7 تاپیک

body {
width: 100%;
background: #fff;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
section{
width: 1000px;
margin: 20px auto;
display: block;
position: relative;
height: 300px;
}
section div {
width: 499px;
margin: 0px auto;
display: inline-block;
height: inherit;
padding: 10px;
}
.box {
float:left;
background: #E2DEDE;
border: 1px solid #808080;
}
.list {
float: right;
background: #E2DEDE;
border: 1px solid #808080;
}
.list ul {
padding: 8px 10px;
background: white;
border: 1px solid #827F7F;
height: 278px;
}
.list ul li {

}
textarea {
padding: 3px;
width: 100%;
border: 1px solid #827F7F;
display: block;
background: white;
color: #B3B3B3;
}
.box a , .box a {
display: inline-block;
padding: 3px 10px;
border-radius: 10px;
margin: 10px 3px;
background: #D5DDE0;
border: 1px solid #827F7F;
}

0  تشکر
سه شنبه ، 1 مارس 2016     12:42 ب.ظ # پاسخ تائید شده توسط سوال کننده


Ali Hosseini

Subscriber
13 پست0 تاپیک

از این کد استفاده کن(به جای ul میتونی نام id یا class لیست مورد نظرت رو بزاری):
[/cod]

3  تشکر
سه شنبه ، 1 مارس 2016     12:45 ب.ظ #


Ali Hosseini

Subscriber
13 پست0 تاپیک

باید توی رویداد onclick کلیدی که میخوای با زدنش آخرین گزینه پاک بشه تابع بالا رو تعریف کنی.

0  تشکر
پست 1 تا 5 (از مجموع 5 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .