cibler un div en dehors de mon élément de bouton Jquery - jquery, html, this, parent, enfants

J'essaie de cibler une div en dehors de mon élément de bouton Jquery. La façon dont je le fais maintenant est

$(this).parent().parent().parent().parent().parent().parent().parent().children(":nth-child(3)").children().children().children(":nth-child(4)");

Il doit y avoir et moyen plus facile? L'élément a une classe mais il y a plus d'éléments identiques que je dois également ajuster individuellement.

Merci.

CODE: https://jsfiddle.net/n71mgmgw/

Réponses:

Peut-être utiliser quelque chose comme:

$(this).closest(".pucontent").find("input.fontSize").val(); // You"ll get font size.
// or
$("input.fontSize", $(this).closest(".pucontent")).val();

Lire à propos de .le plus proche() et .trouver() ou mieux lire l'article sur traverser dans jQuery

Ma première suggestion serait d'utiliser des identifiants ou l'attribut data-XXX pour identifier les éléments.

Cordialement