Dans la page si la table avec les contrôles de classe est disponible alors seulement je veux ajouter CSS à un div comme overflow-y visible. En utilisant jQuery.Comment ajouter une classe en utilisant jQuery quand seulement un élément est disponible sur la page?
<html>
<body>
<table class="controls" >
</table>
<div style="overflow"></div>
</body>
</html>
Vous pouvez faire simplement if vérifier des éléments correspondant au sélecteur (le .length), par exemple:
if($("table.controls").length) {
$("div").css({ "overflow-y": "visible" });
}
Bien que ... ce sélecteur "div" devrait être beaucoup plus précis à ce que vous » re après. Si vous voulez vraiment ajouter la <div> il ressemblerait à ceci:
$("table.controls").after('<div style="overflow-y: visible;"></div>');
Vous pouvez utiliser la propriété length pour voir si un objet jQuery contient des éléments:
if ($('table.controls').length > 0) {
$('div').css('overflow-y','visible');
}
if ($('table.controls').length) {
$('div[style=overflow]').css('overflow-y','visible');
}
Vous ne trouverez peut-être rien en utilisant 'div [style = overflow]'. Comme le style n'est pas valide, le navigateur peut le supprimer lorsque le code HTML est analysé. – Guffa
$(function(){
$('.controls').addClassToDiv();
}
$.fn.addClassToDiv = function(){
return this.each(function(){
$(this).next('div').addClass('myStyles');
});
}
Vous devriez vraiment garder vos styles dans vos feuilles de style plutôt que d'ajouter des styles en ligne, mais ajouter/supprimer des classes est facile. Définissez vos nouveaux styles dans votre feuille de style. Le JS ajoute un plugin jQuery appelé addClassToDiv qui est exécuté sur le chargement de la page, où il y a un élément avec une classe de 'contrôles' dans la page.
Qu'entendez-vous par «disponible»? –
Assez peu clair! – Zlatev