1
votes

Ajouter des données masquées au tableau HTML

Est-il possible d'ajouter des variables masquées à une ligne de tableau HTML? À quoi peut-on accéder lors du traitement de chaque ligne dans jQuery?

Merci


2 commentaires

qu'entendez-vous par caché? jQuery prend en charge $ (element) .data ('myvar', 'the value');


Je souhaite pouvoir ajouter des données aux lignes de table qui ne sont pas réellement affichées pour l'utilisateur


4 Réponses :


5
votes

vous pouvez ajouter comme identifiant de ligne,

.hide{
display:none;
}

ou vous pouvez faire

<td class="hide"> your value</td>

et faire quelques css comme ceci

<tr id="your value"><td></td></tr>


1 commentaires

Génial, le second est exactement ce que je recherche



0
votes

Comme

<script>
$(document).ready( function() {
   $('#theTargetRow').data('id')   // 2

})
</script>

et peut être récupéré par

<table>
   <tr id="theTargetRow" data-id="2">
      <td>My Name</td>
   </tr>
</table>


0 commentaires

0
votes

Une façon de lier des données à un élément html consiste à utiliser data-atrribute, comme .... plus tard, vous pouvez obtenir ou définir l'attribut en utilisant $ (tr) .attr ('data-employee') // Obtenir les données $ (tr) .attr ('data-employee', varEmployeeData) // Définir les données de l'employé

Vous pouvez également utiliser la méthode Jquery .data.


0 commentaires

0
votes

ajoutez style = "display: none;" dans lequel les données que vous voulez cacher, c'est-à-dire tr ou td et vous pouvez y accéder pendant le traitement chaque rangée Vous pouvez également ajouter une classe c'est-à-dire attr class = "className" et ajouter CSS

.className{
display:none;
}


0 commentaires