Főoldalra

jQuery first(), last(), eq()

first( ) metódus.            Visszaadja kiválasztott elemeket közül, az első elemet.

last( ) metódus.             Visszaadja kiválasztott elemeket közül, az utolsó elemet.

eq( ) metódus.              Egy elemet kiválaszt, az elem indexszáma alapján. Indexszám értéke, csak egészszám lehet.
                               Dokumentum elejétől kezdve, indexszámok 0-val kezdődnek,  kiválasztott első elemnek, indexszáma:    eq( 0 )
                               Dokumentum végétől kezdve, indexszámok -1 -el kezdődnek,  kiválasztott utolsó elemnek, indexszáma:   eq( -1 )
                               Indexszám értékét, változóval is, meghatározhatjuk:   var ertek=5;     $("p:eq(" + ertek + ")")   vagy így   $("p").eq(ertek)

Példák:

<div id="Dokumentum">

<p> Globális indexe=0; </p>

<div>

<p> Globális indexe=1; Ebben a div szakaszban indexe=0; <span> Globális indexe=0; Ebben a div szakaszban indexe=0; </span></p>

<p> Globális indexe=2; Ebben a div szakaszban indexe=1; </p>

<p> Globális indexe=3; Ebben a div szakaszban indexe=2; <span> Globális indexe=1; Ebben a div szakaszban indexe=1; </span></p>

</div>

<p> Globális indexe=4; </p>

<div id="div02">

<p> Globális indexe=5; Ebben a div szakaszban indexe=0; </p>

<p> Globális indexe=6; Ebben a div szakaszban indexe=1; <span> Globális indexe=2; Ebben a div szakaszban indexe=0; </span></p>

<p> Globális indexe=7; Ebben a div szakaszban indexe=2; <span> Globális indexe=3; Ebben a div szakaszban indexe=1; </span></p>

</div>
<span> Globális indexe=4; </span>

<p> Globális indexe előre =8; visszafelé = -1;</p>
Minden p és span elem.

first() metódus.




last() metódus.




eg() metódus.







<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){

// 1. Példa:  Első <p> elem, mely <div> elemben található.
		$("div p").first().css("background-color", "goldenrod");
	
// 2. Példa: Első <span> elem, mely <p> elemben található.
		$("p span").first().css("background-color", "yellow");
	
// 3. Példa: Első <p> elem, mely egy kiválasztott <div> elemben található.
		$("#div02 p").first().css("background-color", "goldenrod");

// 4. Példa: Első <span> elem, mely egy kiválasztott <div> elemben található, <p> elemben van
		$("#div02 p span").first().css("background-color", "red");
	
});
</script>
</head>
<body>
    <div style="width:928px; padding:15px;border:1px solid blue;background-color:lightblue;">
        <p><strong>Üdvözöllek  first() metódus.</strong></p>
        <p>Az én <span>nevem</span> jQuery.</p>
        <p>Most ismerkedem, a <span> first() metódussal.</span></p>
        <p>Legjobb <span>barátom,</span> a JavaScript.</p>
    </div>
    <div id="div02" style="width:928px; padding:15px;border:1px solid blue;background-color:pink;">
        <p><strong>Üdvözöllek  first() metódus.</strong></p>
        <pre>Az én <span>nevem</span> jQuery.</pre>
        <p>Most ismerkedem, a <span> first() metódussal.</span></p>
        <p>Legjobb <span>barátom,</span> a JavaScript.</p>
    </div>
</body>