Javascript Auswahl eines bestimmten Elements aus repetitivem Element Klasse

Question

Ich habe eine Indexseite, die eine Liste der veröffentlichten Beiträge anzeigt, die Inhalte aus der Datenbank gezogen. Beiträge werden mithilfe des Klassenattributs formatiert.

Mit Javascript/jQuery möchte ich das Aussehen des Blocks, in dem jeder Beitrag angezeigt wird, ändern. Ich kann das ohne irgendwelche Schwierigkeiten tun, wenn die auslösende Aktion eine ist, die direkt einem bestimmten Beitrag entspricht, zum Beispiel eine Klickaktion (dann kann ich 'diesen' Selektor verwenden, um auf die Klasse eines bestimmten Beitrags zu zielen). Aber wie gehe ich etwas Ähnliches an, aber wenn die Aktion nicht auf einen bestimmten Beitrag bezogen ist? Wie die Größe des Bildschirms ändern.

if($(window).width() <= 650) { 
    $('.postBtn').appendTo('.smallScreenFooter'); 
} 

Dieser Code Ergebnisse mehr .postBtn ‚s zu jedem .smallScreenFooter auf der Seite in jeder Post angehängt in Atomen (die Zahl der Tasten pro Single Post ist auf die Anzahl von Stellen auf einer Seite angezeigt gleich).

Answer 1

Aber wie gehe ich etwas ähnliches, aber wenn die Aktion nicht auf einen bestimmten Beitrag bezogen ist?

Durch die Verwendung von each:

if($(window).width() <= 650) { 
    $('.post'/*or whatever the container's class is*/).each(function() { 
     var post = $(this); 
     post.find('.smallScreenFooter').append(post.find('.postBtn')); 
    }); 
} 

---

Das heißt, diese spezifischen Anwendungsfall wäre wahrscheinlich mit CSS-Medienanfragen und zwei Tasten per Post abgewickelt besser werden, wobei der CSS versteckt ein oder der andere hängt von der Bildschirmgröße ab.