php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 28-06-2011, 12:35
mcmurphy
 PHP Junior
Links : Onlinestatus : mcmurphy ist offline
Registriert seit: Aug 2003
Ort: Berlin
Beiträge: 890
mcmurphy zeigte ein beschämendes Verhalten in der Vergangenheit
Standard jquery next selektor frage

hi, habe mal ne kleine Verständnis Frage zu Selekoren bei next:

habe in einer Bildergallery folgende Struktur:

PHP-Code:
<div class="edit_container">
 <
div class="del_container">delete</div>
 <
img class="xyz" src="http://localhost/foo/lib/imgs/gallery/f1/043.jpg" alt="" />
</
div
an jedes Div der klasse del_container soll bei click eine funktion gebunden werden:
PHP-Code:
$('.edit_container .del_container').each(
  function(
i){
   $( 
this ).bind (
     
"click",
        function(){ 
         var 
src = $(this).next('img').attr('src');
         var 
foo = $(this).next('img').attr('class');
         
alert(foo);    // zur kontrolle
         /* der rest ...... *
       }
     );
  }
); 
das funktioniert wunderbar.
Jetzt brauche ich um das Image noch einen div Container
PHP-Code:
<div class="edit_container">
 <
div class="del_container">delete</div>
 <
div class="clip">
  <
img class="xyz" src="http://localhost/foo/lib/imgs/gallery/f1/043.jpg" alt="" />
 </
div>
</
div
dann müsste ich doch um an den Img Tag referenzieren zu können folgenden Selektor verwenden:
PHP-Code:
var src = $(this).next('div > img').attr('src'); 
alert(src); gibt mir dann aber ein undefined zurück
Laut Doku Child Selector (“parent > child”) – jQuery API & .next() – jQuery API
müsste dass doch aber richtig sein ?!?


PHP-Code:
var src = $(this).next().next().attr('src'); 
geht auch nicht!

Wo liegt mein Fehler bzw. kann mir einer mal das Brett vom Kopf entfernen?
THX
__________________
"I don't want to belong to any club that would accept me as a member."

Groucho Marx
Mit Zitat antworten
  #2 (permalink)  
Alt 28-06-2011, 12:50
AmicaNoctis
  Moderatorin
Links : Onlinestatus : AmicaNoctis ist offline
Registriert seit: Jul 2009
Beiträge: 5.709
Blog-Einträge: 9
AmicaNoctis sorgt für eine eindrucksvolle AtmosphäreAmicaNoctis sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo,

während dein Dokument jetzt weiter in die Tiefe geht, bleibst du flach auf der aktuellen Ebene. Versuch's mal mit
Code:
.next("div").children("img")
Nochmal zu deinem Selektor „div > img“. Der matcht nur img-Geschwister (die es in der aktuellen Ebene nicht gibt), deren Elternelement ein div ist. Dieser Selektor hätte in der ersten Version gepasst, als noch kein Container um das img drum herum war, da das Elternelement div.edit_container die Bedingung erfüllt hätte. CSS-Selektoren (und damit auch die von jQuery) gehen nie wie z. B. XPath selbst in die Tiefe, das musst du mit den Funktionen (next, children, ...) machen. Die Selektoren legen nur Bedingungen fest.

Gruß,

Amica
__________________
Hast du die Grundlagen zur Fehlersuche gelesen? Hast du Code-Tags benutzt?
Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
Super, danke!

Geändert von AmicaNoctis (28-06-2011 um 12:55 Uhr)
Mit Zitat antworten
  #3 (permalink)  
Alt 28-06-2011, 12:57
mcmurphy
 PHP Junior
Links : Onlinestatus : mcmurphy ist offline
Registriert seit: Aug 2003
Ort: Berlin
Beiträge: 890
mcmurphy zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

THX freundin der Nacht
so gehts

aber
div > img

da warste schneller als ich danke für die ausführliche antwort!

bedeutet doch auch "ein img innerhalb eines div" bzw. 2ein img als child-node eines div"
oder habe ich da was falsch verstanden?
__________________
"I don't want to belong to any club that would accept me as a member."

Groucho Marx
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Selektor Frage mcmurphy HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 6 26-06-2010 12:05
CSS-Selektor für Eltern-Element? Quetschi HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 26-04-2010 14:51
CSS Selektor FF / IE strauberry HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 22-11-2007 11:07
Probleme mit class Selektor und Ie Milian HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 17-01-2005 13:10
Datei-Selektor? / Dateiupload > 10 MB Puretec Buttz PHP Developer Forum 0 23-09-2001 18:19

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script ansehen ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script

Mit unserer Lösungen können Sie nahezu jeden B2B / B2C Marktplatz betreiben den Sie sich vorstellen können. Ganz egal ob Sie einen Automarktplatz, Immobilenportal oder einfach einen Anzeigenmarkt betreiben möchten. Mit ebiz-trader können Sie Ihre Anforder

11.10.2018 Berni | Kategorie: PHP/ Anzeigenmarkt
PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 17:43 Uhr.