Форум

ralexeya · #1 (**permalink**) 16.03.2015, 13:49

Всем доброго времени суток.

<ul id="1234">
            <li>первая строка</li>
            <li>вторая строка</li>
            <li>третья строка</li>
            <li>четвертая строка</li>
        </ul>
<button onclick="temp()">кнопка</button>

Есть список, который формируется динамически. Список это представляет из себя содержимое бд, полученное через AJAX. Список этот периодически пополняется, но наоборот, то есть те элементы, которые были внизу бд, будут вверху списка.
Как написать скрипт, который при нажатии на "кнопка" будет проверять содержимое верхнего li и, если он равен "первая строка", то выполняется функция temp()
Заранее спасибо!

ksa · #2 (**permalink**) 16.03.2015, 14:39

Сообщение от ralexeya

Как написать скрипт, который при нажатии на "кнопка" будет проверять содержимое верхнего li и, если он равен "первая строка", то выполняется функция temp()

Так и написать...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function test(){
	var txt=document.querySelector('#items > li').innerHTML;
	if (txt=='первая строка') {
		temp();
	};
};
function temp() {
	alert('Ok');
};
</script>
</head>
<body>
<ul id="items">
	<li>первая строка</li>
	<li>вторая строка</li>
	<li>третья строка</li>
	<li>четвертая строка</li>
</ul>
<button onclick="test();">кнопка</button>
</body>
</html>

laimas · #3 (**permalink**) 16.03.2015, 15:01

Как написать скрипт, который при нажатии на "кнопка" будет проверять содержимое верхнего li и, если он равен "первая строка"

А зачем проверять, сразу вперед полученное добавлять нельзя?

ralexeya · #4 (**permalink**) 16.03.2015, 15:15

Спасибо, но мне без JQuerry надо.

рони · #5 (**permalink**) 16.03.2015, 16:00

Сообщение от ralexeya

Спасибо, но мне без JQuerry надо.

где jquery?

может angular ещё увидите в коде ?

ksa · #6 (**permalink**) 16.03.2015, 16:15

Сообщение от ralexeya

но мне без JQuerry надо

Там его и нет...

ralexeya · #7 (**permalink**) 16.03.2015, 20:36

Извиняюсь

Молодой-неопытный

Спасибо!)

ralexeya · #8 (**permalink**) 18.03.2015, 10:44

Всплыло продолжение

Внутри каждого пункта списка есть еще элементы. В конечном итоге список выглядит примерно так:

<button onclick="temp()">dsadsa</button>
        <ul id="items">
            <li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">первая строка</div></a></div></li>
            <li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">вторая строка</div></a></div></li>
            <li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">третья строка</div></a></div></li>
            <li><div id="hren"><a><div class="avatarli"><img scr=""></div><div class="fioli">четвертая строка</div></a></div></li>
        </ul>

пытаюсь применить следующий скрипт:

function temp(){
var txt=document.querySelector('#items > li > div>a').innerHTML;
alert(txt);
if (txt=='первая строка') {
        alert('ye');
    }
else{
    alert('no');
}
};

В этом случае переменная "txt" будет содержать все, что находится внутри тега "а", включая дивы. А как вычленить из этого именно строку "первая строка"?
Заранее спасибо

рони · #9 (**permalink**) 18.03.2015, 11:49

ralexeya,
'#items .fioli'

ralexeya · #10 (**permalink**) 18.03.2015, 14:40

Еще такой вопрос- почему, когда строк списка еще нет, то функция останавливается после "var txt=document.querySelector"
При этом пыттаясь проверить содержимое перемнной "txt" ничего не происходит? Как проверить наличие строк в списке?
Пробовал проверять длинну переменной через "length" выдает андефинед

Форум

Справочник

Discord чат

Курсы javascript