Accéder au dernier élément d'une div

**pierrot547000** · 21/03/2017, 19h28

Bonjour.

Dans l'exemple ci-dessous, j'ai deux éléments dans ma <div> :
- 1 élément <p>
- 1 élément <a>

Je récupère facilement le texte de toute mes <div>. Dans le code, si je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var element1 = $("#mydiv").text();

c'est facile. Ca, je sais faire.

Mais je veux accéder à uniquement au dernier élément, c'est-à-dire mon élément <a>, et non pas à tout ce que contient ma <div>. J'ai testé le code ci-dessous avec l'attribut :last de jQuery, mais ça ne fonctionne pas. Quelqu'un peut me donner une piste svp ?

(vous pouvez utiliser https://www.w3schools.com/jquery/try..._lib_microsoft si vous voulez tester mon code)

Merci d'avance.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
 
<div id="mydiv">
<p> paragraph </p>
<a href="/fr/media/7" hreflang="fr"> link </a>
</div>
 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        var element1 = $("#mydiv");
        var element2 = $("#mydiv:last");
        alert(element1.text());
        alert(element2.text());
        $("#mydiv").text("new text");
    });
});
</script>
</head>
<body>
 
<button>Click me</button>
 
</body>
</html>

**NoSmoking** · 21/03/2017, 19h35

Bonjour,
cible directement ton élément

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#mydiv a").text("new text");

**pierrot547000** · 21/03/2017, 19h59

Merci pour ta réponse. Effectivement, elle fonctionne très bien. Mais ce n'est pas ce que je recherchais, c'est ma faute, je me suis mal exprimé.

Je cherche surtout à pouvoir modifier le dernier élément de tout ce que contient ma <div>, dont mon idée d'utiliser le ":last" pour pouvoir accéder au dernier élément dans ma liste de "children". En l'occurrence, là c'est un <a> mais ça pourrait bien être autre chose, un <p>, ou un <span> par exemple, ou autre chose.

Donc je ne peux pas utiliser ta méthode, mais merci tout de même. (et j'en profite aussi pour préciser que je ne peux pas modifier non plus le HTML en affectant un id à l'élément que je veux modifier, sinon c'est trop facile ^^)

**NoSmoking** · 21/03/2017, 20h13

Si tu sais de quel type est l'objet que tu cherches tu peux utiliser les sélecteurs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#myDiv a:last').text("new text");

Doc : :last-child Selector et/ou :last Selector

et/ou encore

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#mydiv a").last().text("new text");

Doc : .last().

[EDIT] j'avais mal lu...

mais ça pourrait bien être autre chose, un <p>, ou un <span> par exemple, ou autre chose.

dans ce cas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#mydiv").children().last().text("new text");

**SpaceFrog** · 22/03/2017, 09h11

Plus simplement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#mydiv :last').text('new text');

Accéder au dernier élément d'une div

jQuery

Vue hybride

Discussions similaires

Partager

Partager