0
votes

JQuery Cliquez sur le bouton et obtenez l'identifiant le plus proche ci-dessus:

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: xxx

Comment Puis-je faire cela?


7 Réponses :


0
votes

Vous pouvez utiliser le plus proche code> avec sélecteur de classe et identifiant de lecture en utilisant attr code>

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>


0 commentaires

0
votes

Vous pouvez faire quelque chose comme ceci: xxx pré>

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>


0 commentaires

0
votes

<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>


0 commentaires

0
votes

Vous pouvez faire quelque chose comme ceci:

var newid = $(this).closest('div[id]');
$(this).att('id', $newid);


0 commentaires

0
votes

Bien que toute réponse soit correcte mais que vous pouvez utiliser PARENTS STROND> PROCÉDÉ AVEC SELECTEUR DE CLASSE STRUT> pour trouver cette div. Ci-dessous est du code de travail.

 $(document).ready(function(){
     $("#btn").on("click",function(){
        console.log($(this).parents('.wrapper').attr("id"));
     })
 });


0 commentaires

0
votes

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>


0 commentaires

0
votes

$ ('btn-défaut'). Cliquez sur (Fonction () {
Var ID = $ (ceci) .closest (". wrapper"). Attrib ("id");
console.log (id) });


0 commentaires