Javascript yada jquery tıklanan li nin id'sini alma

Arkadaşlar internetten araştırdım ama sanırım yanlış kelime tercih ediyorumki sonuç bulamadım.

Şöyle birşey var.

<div id="sola" onclick="Javascript:Yurut('ilan1');"></div>
            <div id="ilanlar">
            
                <ul>
                
                    <li id="ilan1" class="ilan">ilan 1</li>
                    <li id="ilan2" class="ilan">ilan 2</li>
                    <li id="ilan2" class="ilan">ilan 3</li>
                    <li id="ilan2" class="ilan">ilan 4</li>
                
                </ul>
            
            </div>
            <div id="saga" onclick="Javascript:Yurut("ilan1");"></div>

saga veya sola div'lerine tıkladığımda o an görünen li nin yerine bir sonraki veya öncekini göstermesi için ne yapabilirim.

div'e tıkladığımda position'u bottom olan li'nin id'sini alabilsem yapacam ama pek javascript bilgim yok yapamadım bir türlü.

Yardımcı olursanız sevinirim.

denemedim ama
<li id="ilan1" class="ilan" onclick="tik(this)">ilan 1</li>

function tik(obj) {
id = obj.getAttribute("id");
alert(id);
}

divlerdeki onclickleri silip jquery include et

	<script>
	$(document).ready(function(){
		$('div#ilanlar li').not(':first').hide();
		$('#saga').click(function(){
			var aktif=$('div#ilanlar li:visible');
			if (aktif.next().length > 0)
				aktif.next().show('fast');
			else
				$('div#ilanlar li:first').show('fast');
			aktif.hide();
		})
		
		$('#sola').click(function(){
			var aktif=$('div#ilanlar li:visible');
			if (aktif.prev().length > 0)
				aktif.prev().show('fast');
			else
				$('div#ilanlar li:last').show('fast');
			aktif.hide();
		})
	})
	</script>