div, welches kein Bild hat finden und mit content befüllen

[nbg15]

Hallo!

Ich scripte grad ein kleines Fußball Feld, wo man Spieler per drag and drop und per onClick hinzufügen soll.

ABer ich bekomme es einfach nicht hin, falls ein Spieler bereits hinzufgefügt worden ist (also in diesem beipiel in der Abwehr), dass dann
einfach eni Spieler DIV weiter der näcshte Spieler platziert wird.

Ich weis mit .next() von jquery sollte das gehen, aber da wird dann immer statisch das näcshte von meinm DIV Container aus genommen und das wäre ja dann immer das erste
evtl mit If Abfrage auch das Zweite, aber dann ists auch immer das Zweite Element

Ich müsste es so implementieren, dass wenn ein leeren Feld (evtl. mit closest() ) gefunden wurde, dass dann dort statt den p Elementen ein vopn mir gewünschter HTML Code (SpielerTrikot Bild) eingefügt wird und nicht einfach auf alle SpielerPositiontn die gerade noch frei sind (soweit war ich bereits vor ein paar Stunden schon mal )

.... Aber es will einfach nicht... egal was ich probiere!

----> Hier meine HTML DIV Struktur, wenn die Seite geladen wird:

<span id="defendLine">      
          <div id="defendie" class="drop right mid">
            <p></p>
          </div>
          <div id="defendie2" class="drop center mid">
            <p></p>
          </div>
          <div id="defendie3" class="drop left mid">
            <p></p>
          </div>
      </span>

und hier die struktur, wenn auf einen Spieler geklickt wurde:



<span id="defendLine">
<div id="defendie" class="drop right mid ui-droppable"><img src="https://d34h6ikdffho99.cloudfront.net/uploads/real_team/shirt/1188/shirt-333.svg">Jerome Boateng</div>
<div id="defendie2" class="drop center mid ui-droppable">
<p></p>
</div>
</span>[/HTML]
(Keine HTML Formatierung genommen, wegen Farben)


rot = hat geklappt, SPieler ist drinn im DIV
blau = Spieler DIV ist noch leer und darauf soll auch mein Selektor greifen, aber dynamisch. Immer wo ein <p> Element im DIV ist, aber eben nucht jedes DIV das p hat sondern NUR das nächste Element von dem Element aus gesehen, wo der letzte Spieler platziert worden ist.

Ich kann mich leider nicht besser ausdrücken

HIer der Link, zu meinem JSFiddle Demo, dass man mal sieht was ich eigenltich meine

https://jsfiddle.net/54vgb8bx/66/

Danke vorab für jeeeeden Vorschlag oder Tip!

Grüße

Alex

 

[kkapsner]

Du könntest dir mit .html() ausgeben lassen, was da drin steht, und wenn da schon was drin steht, dann das nächste Feld ausprobieren.

Aber ich würde das Droppen bei einem Feld, das schon belegt ist, einfach komplett ausschalten und erst wieder einschalten, wenn der Inhalt gelöscht wird.

 

[tsseh]

$("#defendLine div").has("p").filter(":first")

 

[SteelWheel]

Als Betreiber eines Fußballmanagers mit Drag'n'Drop für die Aufstellung willst Du einen "linken Verteidiger" in die Abwehrkette droppen, welcher dann die Abwehrkette auffüllt und dann auch mal als "rechter Verteidiger" rauskommen kann? Hui ... alles beidfüßige Spieler bei Dir, oder?!

@tsseh: Schöne Lösung.