пост удален пост удален
удалите тему, т.к. решений много но материалы которые помогут решить задачу можно найти на просторах гугла. а задача не такая уж и сложная.
|
http://jquery.page2page.ru/index.php... D0%B2_jQuery
особенно посмотреть абзац Работа с набором элементов |
пост удален
|
Цитата:
|
пост удален
|
Элементарно и без JQ
<div id="master_list">
<div id="somediv1">data1</div>
<div id="somediv2">data2</div>
<div id="somediv3">data3</div>
<div id="somediv4">data4</div>
</div>
<script type='text/javascript'>
var childs = document.getElementById('master_list').childNodes;
alert("Кол-во дочерниз элементов из дива равно: " + (childs.length - 1) / 2);
for (i = 0, k = 0; i < childs.length - 1; i += 2, k = i / 2){
if (i == 0) alert('Искл. ситуация первый див');
if (i > ((childs.length - 1) / 2 )) alert('Искл. ситуация последний див');
if (k + 1 == 0) alert('Искл. ситуация до данного нету дивов');
if (((childs.length - 1) / 2 - k - 1) == 0) alert('Искл. ситуация после данного нету дивов');
alert('До данного дива (' + (k + 1) + '): ' + k +' дивов, а после него ' + ((childs.length - 1) / 2 - k - 1));
}
</script>
|
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style>
#master_list > div {
border:1px solid red;
width:200px;
padding:0 0 0 4px;
margin:4px 0 0 0;
}
</style>
Клик по div
<br />
<div id="master_list">
<div id="somediv1">data</div>
<div id="somediv2">data</div>
<div id="somediv3">data</div>
<div id="somediv4">data</div>
<div id="somediv5">data</div>
</div>
<br />
<button onclick="div_Id_Test('somediv1')">Test Определенного div</button>
<script type="text/javascript">
var Length //Общая длина массива div
var Id //Id текущего div
var befLength; //длина массива до текущего div
var BeforId; //Id предыдущего div
var AfterId; //Id Следущего div
$("#master_list > div[id]").live('click', function() {
Length = $("#master_list > div[id]").length
Id = $(this).attr("id");
$("#master_list > div[id]").each( function(j) {
if($(this).attr("id")==Id){
befLength=j;
BefNum=j-1; if(!j)BefNum=Length+1; //Бубен для первого в списке
BeforId=$("#master_list > div[id]").eq(BefNum).attr("id")
AfterId=$("#master_list > div[id]").eq(j+1).attr("id")
return false;
}
});
if(NoTestClick)ALERT_func ()
});
//Тестируем id дочернего div и его окружения
var NoTestClick = true;
function div_Id_Test (ID) {NoTestClick = false;
$("#master_list > div[id='"+ID+"']").click();
ALERT_func ();
NoTestClick = true;
}
//****************************************//
//Данную функцию и все её вызовы можно затем убрать,
//оно ток для примера и вывода на экран
function ALERT_func () {
var Out='\
Общая длина массива div = '+Length+'\n\
Длина массива до текущего div = '+befLength+'\n\
Id текущего div = '+Id+'\n\
Id предыдущего div = '+BeforId+' \n\
Id Следущего div = '+AfterId+'';
alert(Out);
}
</script>
|
| Часовой пояс GMT +3, время: 11:00. |