Mehrere Elemente auswählen

  • Hallo

    Wie kann ich durch die folgende Methode mehrere Elemente (um genau zu sein: div#div1, p#div1 und img#div1) auswählen?

    Code
    $("div#div1").mouseover(function () {

    Oder anders gefragt: Kann ich um den Code ein wenig sinnvoller zu machen, lediglich eine ID auswählen, die mehrere Tags entspricht?

  • ID = Identificator....
    ich umschreib es mal so:
    du hast 3 kinder.. alle drei spielen im gleichen zimmer, alle drei heissen klaus.
    einer blond, einer braunhaarig und einer hat glatze..
    du willst was von dem ohne haare, weil er zum friseur gehen soll....
    machst die tür auf und sagst "hey klaus"

    was glaubste wieviele kinder da "ja" sagen werden?

  • in meinem beispiel wollte ich herauskristallisieren, dass du nur EIN KIND haben möchtest...

    aber ich sehe du hast den part mit der ID noch nich verstanden..
    eine ID muss eineindeutig sein und darf deshalb nur einmal im dokument auftauchen!

    du könntest den elementen ne gemeinsame klasse geben und dann über die klasse selektieren oder das elternelement aufrufen
    (über eine einzelne ID) und dann die kindelemente wählen
    oder jedem element ne eigene einzelne ID geben und dann alle selektieren..
    variante 2 denke ich sollte die gängiste sein, da ne gemeinsame klasse bei verschiedenen elementen doch arg verwirren würde

  • Also mal abgesehen davon; ich denke kaum daß der Fehler davon abhängig ist. Ich bin grad bisschen verwirrt, weil ich mir überhaupt nicht vorstellen kann, woran es liegen könnte.

    Ich bringe mein Problem mal auf dem Punkt.


    Fahre ich mit der Maus über dem Div bekomme ich einen Effekt. Fahre ich IN DEM DIV über ein <img> bekomme ich ebenfalls einen Effekt (Mouseout / Mouseover).

    Ich möchte keinen "Doppelteffekt" haben, sondern alle Tags die sich in dem DIV befinden, sollen sich integrieren können. Deshalb dachte ich, daß ich für alle Tags die selbe ID brauche, damit ich nur EINEN mouseover-event erzeuge. Aber scheinbar ist das doch nicht die Lösung.

    Kommt jemand nach wie ich es meine?

  • also ich würd aktuell mal vermuten, dass des javascript beim überfahren des bildes automatisch nen mouseout macht, weil nen mouseover übers bild geschieht...

    also du willst jetzt bei dem div nen mouseover haben und bei den bilder nich oder wie?


  • also du willst jetzt bei dem div nen mouseover haben und bei den bilder nich oder wie?


    Genau!
    Die Bilder gehören ja in dem Div rein. Es reicht mir wenn das Script nur auf den Div reagiert und nicht auf jedes Element, das sich innerhalb des Divs befindet.

  • dann probiere es mal so:

    edit. nee da macht es den effekt aus den von mir genannten gründen auch doppelt..^^
    sah auf den ersten blick aus, als wäre es des...

  • mmh also ich hab mir grad gedacht ich mach einfach nen div was des div1 überlappt und den gesamten platz überdeckt (stichwort z-index)

    aber auch das hat nich gefruchtet...
    ich geb jetzt mal den bildern auch nen z-index.. ma gucken was passiert

    edit: nee is der gleiche scheiss in grün..
    muss gestehen ich hab akut echt keinen plan mehr

    Einmal editiert, zuletzt von synaptic (6. November 2009 um 19:04)

  • also ich habs jetzt im ff und ie gecheckt..
    das problem ist wie oben bereits geschrieben,... und liegt generell beim javascript!
    du hast nen container auf den des mousover und mouseout gelegt wird, sobald du über nen innenliegendes element fährst wird die mouseout-funktion gemacht und direkt danach mouseover, weil man ja 2noch " überm element is...

    musste dir was anderes überlegen... zb den effekt vom div auf nen mouseover der bilder legen..

  • Wie meinst du das mit "den effekt vom div auf nen mouseover der bilder legen"?

    Ich möchte ja den Div als Effekt haben und nicht die Bilder.

  • so haste jetzt die divs übereinander und sei dir gewiss.. so kannste NIX im DIV anklicken....