J'ai ce HTML et quand je clique sur le bouton, j'ai besoin d'obtenir l'identifiant le plus proche sur le wrapper div au-dessus
voici le HTML: p> Comment Puis-je faire cela? p> p>
7 Réponses :
Vous pouvez utiliser p> le plus proche code> avec sélecteur de classe et identifiant de lecture en utilisant attr code> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="some_id_here" class="wrapper">
<div class="panel panel-default">
<div class="panel-heading">
<div class="toolbuttons">
<a class="btn btn-default">click here and get the id in wrapper</a>
</div>
</div>
</div>
</div>
Vous pouvez faire quelque chose comme ceci: Démo strong> p> p> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="some_id_here" class="wrapper">
<div class="panel panel-default">
<div class="panel-heading">
<div class="toolbuttons">
<a class="btn btn-default">click here and get the id in wrapper</a>
</div>
</div>
</div>
</div>
<div id="some_id_here" class="wrapper">
<div class="panel panel-default">
<div class="panel-heading" id="tester">
<div class="toolbuttons">
<a class="btn btn-default">click here and get the id in panel-heading</a>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="some_id_here" class="wrapper">
<div class="panel panel-default">
<div class="panel-heading">
<div class="toolbuttons">
<a class="btn btn-default">click here and get the id in wrapper</a>
</div>
</div>
</div>
</div>Vous pouvez faire quelque chose comme ceci:
var newid = $(this).closest('div[id]');
$(this).att('id', $newid);
Bien que toute réponse soit correcte mais que vous pouvez utiliser $(document).ready(function(){
$("#btn").on("click",function(){
console.log($(this).parents('.wrapper').attr("id"));
})
});
Pour trouver le parent le plus proche avec identifiant avec JS.
p> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="some_id_here" class="wrapper">
<div class="panel panel-default">
<div class="panel-heading">
<div class="toolbuttons">
<a class="btn btn-default" onclick="foo(this)">click here and get the id in wrapper</a>
</div>
</div>
</div>
</div>
$ ('btn-défaut'). Cliquez sur (Fonction () {
Var ID = $ (ceci) .closest (". wrapper"). Attrib ("id");
console.log (id) }); p> blockQuote>
Lire: apprendre.jquery.com/events/event-délégation/.../a>.