Dev Faq
-2
votes

JQuery Trouver la valeur d'un TD en utilisant la classe

J'ai une table et j'aime trouver la valeur d'un TD spécifique

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <div class="first">Numero 1</div>
    </td>
    <td>
      <div class="second">questo va bene</div>
    </td>
    <td><button class="elimina">elimina</button></td>
    </td>
  </tr>
  <tr>
    <td>
      <div class="first">Numero 2</div>
    </td>
    <td>
      <div class="second">questo non va bene</div>
    </td>
    <td><button class="elimina">elimina</button></td>
  </tr>
</table>

1 commentaires

Lequel de ce qui précède est celui que vous cherchez à isoler?

3 Réponses :

0
votes

Lorsque vous créez votre table, j'ajouterais un identifiant à chaque étiquette. Je créerais alors une fonction OnClick dans le bouton que vous avez pour chaque ligne.

Cette fonction passera la valeur de l'ID de la ligne à une fonction de votre JavaScript qui masquera l'élément que vous souhaitez être masqué.

Comme: xxx < / Pré>

J'espère que cela aide!

0 commentaires
0
votes

Il y a eu une erreur de frappe de frappe dans votre HTML il existe un td> td> td>. Eh bien, l'exemple suivant devrait faire le travail.

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<table>
  <tr>
    <td>
      <div class="first">Numero 1</div>
    </td>
    <td>
      <div class="second">questo va bene</div>
    </td>
    <td><button class="elimina">elimina</button></td>
  </tr>
  <tr>
    <td>
      <div class="first">Numero 2</div>
    </td>
    <td>
      <div class="second">questo non va bene</div>
    </td>
    <td><button class="elimina">elimina</button></td>
  </tr>
</table>

0 commentaires
0
votes

Si j'ai bien compris votre question ici, vous trouverez la réponse dans laquelle vous pouvez trouver la valeur de TD spécifique dans le texte actuel TR. 

$(document).ready(function(){

  $('.elimina').click(function(){
    alert('Here: '+ JSON.stringify($(this).parent().find('.second').text().trim()));
  });
});

0 commentaires

Articles qui pourrait vous intéresser :

Pourquoi est-ce que j'obtiens une erreur laravel lors de la création d'un nouveau projet?
Select2 ne s'affiche pas correctement dans le mode bootstrap
Laravel Echo n'écoute pas
La validation de la demande de formulaire ne fonctionne pas. Il charge juste la page d'accueil dans Postman