05.01.2015, 13:26
|
|
Интересующийся
|
|
Регистрация: 05.01.2015
Сообщений: 14
|
|
|
Помогите плиз с append
Добрый день! Возможно вопрос и не относится на прямую к append.
Задача:
Есть несколько одинаковых строк
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
Через append, нажимая на нижнюю строку создается такая же строка под последней
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p> - новая строка
Сам вопрос. Как сделать, что бы следующая такая же строка создавалась при нажатии на последнюю (т.е. новую строку), а не на предпоследнюю?
Спасибо! |
|
05.01.2015, 14:38
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
lok105,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.orange {
background: #FFCC00;
}
p:last-child {
cursor: pointer;
background: rgb(0, 153, 51);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var s = 1;
$("body").on("click" ,"p:last", function() {
$(this).after($("<p/>", {"text" : "новая строка"+s++, "class" : "orange"}));
});
});
</script>
</head>
<body>
<p>Строка</p>
<p>Строка</p>
<p>Строка</p>
</body>
</html>
|
|
05.01.2015, 17:14
|
|
Интересующийся
|
|
Регистрация: 05.01.2015
Сообщений: 14
|
|
|
Отлично! спасибо огромное!!!
|
|
05.01.2015, 17:51
|
|
Профессор
|
|
Регистрация: 09.11.2014
Сообщений: 610
|
|
рони,
А не проще ли, вместо того чтобы постоянно дергать поиск по дому, сделать что то вроде этого:
<html>
<head>
</head>
<body>
<script>
add=function(){
this.onclick=null
var p=document.createElement("p")
p.innerHTML="string"
p.onclick=add
document.body.appendChild(p)
}
add()
</script>
</body>
</html>
|
|
05.01.2015, 18:05
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,150
|
|
|
krutoy,
ваше проще мне видится как выхолостить - как неуниверсальный вариант подойдёт - всётаки jquery более гибкая в плане применения -- вдруг не body -- а куча контейнеров и в этих контейнерах есть другие строки и ваш код нарастёт ... но вы конечно и в этом обойдётесь без jquery ... каждый программирует как он программирует ... ваше решение имеет право на существование ...
|
|
05.01.2015, 18:18
|
|
Интересующийся
|
|
Регистрация: 05.01.2015
Сообщений: 14
|
|
Да, там если быть точнее вот так будет:
HTML:
<table id="tableTraffic">
<tr>
<td><input class='pole' type='text' name='Come'/></td>
</tr>
<tr>
<td><input class='pole' type='text' name='Come'/></td>
</tr>
</table>
и смысл, что бы нажимая на последнее(нижнее) поле ввода, ниже появлялось еще одно и так нескончаемо
Последний раз редактировалось lok105, 05.01.2015 в 18:24.
|
|
05.01.2015, 18:33
|
|
Профессор
|
|
Регистрация: 09.11.2014
Сообщений: 610
|
|
lok105,
Это не важно
<html>
<head>
</head>
<body>
<table id="tableTraffic">
</table>
<script>
table=document.querySelector("#tableTraffic")
add=function(){
this.onclick=null
var tr=document.createElement("tr")
tr.innerHTML="<td><input class='pole' type='text' name='Come'/></td>"
tr.onclick=add
table.appendChild(tr)
}
add()
</script>
</body>
</html>
|
|
05.01.2015, 19:23
|
 |
Профессор
|
|
Регистрация: 11.09.2010
Сообщений: 8,804
|
|
krutoy, зачем учишь народ плохому?
__________________
В личку только с интересными предложениями 
|
|
05.01.2015, 20:47
|
|
Профессор
|
|
Регистрация: 09.11.2014
Сообщений: 610
|
|
|
danik.js,
Чем меньше народа будут выдрачиваться под это говно, тем быстрей оно сдохнет. Так что ты должен спасибо еще сказать, я санитар "леса"
|
|
05.01.2015, 20:54
|
|
Профессор
|
|
Регистрация: 09.11.2014
Сообщений: 610
|
|
|
danik.js,
Да и вообще, есть блять, стандарт ECMA, есть спеки, есть, семантика, и есть совершенно другой ЯП в вакууме, где блять, какие то заморочки, и который работает в каком то говне, по недоразумению называемом браузером. Я что, должен 2 языка теперь учить вместо одного? Шел бы ты подальше со своими полезными советами. Мне насрать на адептов IE
|
|
|
|
