jQuery: p:first-letter als String

01.04.2010, 06:46

Hi,

Möchte den ersten Buchstabe des ersten Absatzes als String "extrahieren"

PHP-Code:

  $(document).ready(function(){

 
    var el = $('p:first-child:first-letter');

       alert(el);

});

er gibt mir dort [object Object] aus, doch wie komme ich an den "content"?
Meine Versuche:

PHP-Code:

  $('p:first-child:first-letter').text()

PHP-Code:

  $('p:first-child:first-letter').text().charAt(0)

PHP-Code:

  $('p:first-child:first-letter').html()

PHP-Code:

  $('p:first-child:first-letter')[0]

...doch ich bekomm entweder 'undefined' oder 'null'

was mach ich falsch? Funktioniert der Selector nicht?

ChrisB · 01.04.2010, 07:18

Sind und Zweck der $-Funktion ist es, Referenzen auf HTMLElement-Objekte zurückzugeben - ein Textknoten oder gar der erste Buchstabe ist aber kein solches, also wird das so vermutlich nicht funktionieren.

Den reinen Textinhalt eines Elements kannst du aber im IE über die Eigenschaft innerText ermitteln, und in Gecko-Browsern über textContent - die anderen relevanten Browser werden vermutlich mindestens eins von beidem auch unterstützen, musst du aber ausprobieren.

01.04.2010, 07:33

ok, Referenz auf HTML-Object aber wie schau das dann im Code aus?

PHP-Code:

  $('p:first-child:first-letter').innerText()

oder

PHP-Code:

  $('p:first-child:first-letter').innerContent()

geht ja auch nicht?

Ich möchte ja durch die Referenz an eine String kommen. Das ist die Frage!!

ChrisB · 01.04.2010, 07:37

Die Referenz auf das p-Element ermittelst du natürlich ohne die Pseudo-Klassen.

(Btw., hast du nur ein p-Element im Dokument? Sonst sollte ja wohl klar sein, dass du zum Zugriff auf die einzelnen Elemente eine Schleife brauchst.)

Und der Unterschied zwischen Eigenschaften und Methoden sollte doch wohl hoffentlich auch klar sein.

01.04.2010, 08:10

ne Methode:

PHP-Code:

  car.drive()

PHP-Code:

  s.toString();

ne Eigenschaft:

PHP-Code:

  car.color = blue;

Zitat:

Die Referenz auf das p-Element ermittelst du natürlich ohne die Pseudo-Klassen.

.. wusste ich nicht? Nun kommt zumindest etwas raus mit:

PHP-Code:

      var el = $('p');
    var txt = el.text();
    var str = txt.toString();
    alert(txt);

..nur lässt sich der Text nicht in einen String umwandeln bzw. hat die Methode 'charAt()'
bzw. 'toString()' keine Auswirkung?

ChrisB · 01.04.2010, 08:17

Zitat:

Zitat von Circushund

Nun kommt zumindest etwas raus

Und was?

Zitat:

..nur lässt sich der Text nicht in einen String umwandeln bzw. hat die Methode 'charAt()' bzw. 'toString()' keine Auswirkung?

Was genau, haben die keine Auswirkung (was auch immer das bedeuten mag), oder gibt es Fehler beim Versuch, sie aufzurufen?
(Wo du die Fehlerkonsole findest, weisst du hoffentlich.)

BlackScorp · 01.04.2010, 08:44

Zitat:

Zitat von Circushund

PHP-Code:

      var str = txt.toString();

    alert(txt);

..nur lässt sich der Text nicht in einen String umwandeln bzw. hat die Methode 'toString()' keine Auswirkung?

doch die toString() hat eine auswirkung, nur von der siehst hier nichts du gibst immer noch txt aus wobei du txt an str übergibst

01.04.2010, 08:46

achne, jetzt gehts

PHP-Code:

  $(document).ready(function(){
    var el = $('p');
    var txt = el.text();
    alert(txt.charAt(0));
});

Ausgabe: 'E', der Erste Buchstabe meines Paragraphs.

Ok zu Erklärung: Ich möchte mit jQuery ein Inital erzeugen. Aber eben nur (so wie es üblich ist) im ersten <p> und dort beim ersten Buchstaben: ':first-letter'.

Warum ich den ersten Buchstabe als String möchte?
Um damit ein Bild zu laden, zB "A.png" oder "B.png" oder um die Versetzung eines Sprites mittels eines assoziativen Arrays zu ermitteln:

Code:

offset[myString] = -12;

..oderso? ... kenn mich mit Javascript überhaupt nicht aus, deshalb stell ich auch so Basic-Fragen, hoffe oder denke aber, das javascript Assoziative Arrays hat oder??

01.04.2010, 08:49

Zitat:

Zitat von BlackScorp

doch die toString() hat eine auswirkung, nur von der siehst hier nichts du gibst immer noch txt aus wobei du txt an str übergibst

ja stimmt, mein Fehler.

BlackScorp · 01.04.2010, 08:50

Zitat:

Zitat von Circushund

hoffe oder denke aber, das javascript Assoziative Arrays hat oder??

SELFHTML: JavaScript / Objektreferenz / Array

ne JS hat keine Assoziative Arrays

Zitat:

Im Gegensatz zu anderen Programmiersprachen gibt es in JavaScript keine assoziativen Arrays.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Alle Zeilen wo Spalte in String vorkommt / LIKE?	scub	Datenbanken	2	11.03.2010 00:08
Scriptangebot Codieren von Texten	Ryuuzaki93	Scriptbörse	9	08.02.2010 23:14
[Erledigt] String in Großbuchstaben umwandeln - ohne Funktionen.	PalimPalim	PHP Tipps 2010	6	04.02.2010 23:26
Records mit PHP ?	SimStar001	PHP Tipps 2009	11	08.04.2009 15:14
Persistence Framework	#Avedo	Software-Design	37	28.03.2009 17:32
Hashfunktion String -> Integer	Flor1an	PHP Tipps 2009	10	26.02.2009 01:16
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
string in string suchen,ersetzen,zusammenfügen und update machen	litterauspirna	PHP Tipps 2009	24	08.01.2009 13:38
PHP5 SOAP - Problem mit Arrays	Calexico	PHP-Fortgeschrittene	0	11.09.2008 12:06
Event abfangen	Ambience	JavaScript, Ajax und mehr	4	30.08.2007 14:36
where string von einer funktion zu anderen transportieren		PHP Tipps 2005	5	03.03.2005 16:29
String auf bestimmte Breite (Pixel) kuerzen...	mudo	PHP-Fortgeschrittene	25	28.01.2005 19:07
String suchen und tauschen		PHP Tipps 2005	13	08.01.2005 22:00
[Erledigt] String mit Leerzeichen auffüllen		HTML, Usability und Barrierefreiheit	2	27.10.2004 18:47
bekomme string nicht in mysql-tabelle		PHP Tipps 2004	6	26.07.2004 11:35

01.04.2010, 06:46
Circushund Gast Beiträge: n/a	jQuery: p:first-letter als String Hi, Möchte den ersten Buchstabe des ersten Absatzes als String "extrahieren" PHP-Code: `$(document).ready(function(){ var el = $('p:first-child:first-letter'); alert(el); });` er gibt mir dort [object Object] aus, doch wie komme ich an den "content"? Meine Versuche: PHP-Code: `$('p:first-child:first-letter').text()` PHP-Code: `$('p:first-child:first-letter').text().charAt(0)` PHP-Code: `$('p:first-child:first-letter').html()` PHP-Code: `$('p:first-child:first-letter')[0]` ...doch ich bekomm entweder 'undefined' oder 'null' was mach ich falsch? Funktioniert der Selector nicht?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.04.2010, 07:18
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Sind und Zweck der $-Funktion ist es, Referenzen auf HTMLElement-Objekte zurückzugeben - ein Textknoten oder gar der erste Buchstabe ist aber kein solches, also wird das so vermutlich nicht funktionieren. Den reinen Textinhalt eines Elements kannst du aber im IE über die Eigenschaft innerText ermitteln, und in Gecko-Browsern über textContent - die anderen relevanten Browser werden vermutlich mindestens eins von beidem auch unterstützen, musst du aber ausprobieren.

01.04.2010, 07:33
Circushund Gast Beiträge: n/a	ok, Referenz auf HTML-Object aber wie schau das dann im Code aus? PHP-Code: `$('p:first-child:first-letter').innerText()` oder PHP-Code: `$('p:first-child:first-letter').innerContent()` geht ja auch nicht? Ich möchte ja durch die Referenz an eine String kommen. Das ist die Frage!!

01.04.2010, 07:37
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Die Referenz auf das p-Element ermittelst du natürlich ohne die Pseudo-Klassen. (Btw., hast du nur ein p-Element im Dokument? Sonst sollte ja wohl klar sein, dass du zum Zugriff auf die einzelnen Elemente eine Schleife brauchst.) Und der Unterschied zwischen Eigenschaften und Methoden sollte doch wohl hoffentlich auch klar sein.

01.04.2010, 08:46
Circushund Gast Beiträge: n/a	achne, jetzt gehts PHP-Code: `$(document).ready(function(){ var el = $('p'); var txt = el.text(); alert(txt.charAt(0)); });` Ausgabe: 'E', der Erste Buchstabe meines Paragraphs. Ok zu Erklärung: Ich möchte mit jQuery ein Inital erzeugen. Aber eben nur (so wie es üblich ist) im ersten <p> und dort beim ersten Buchstaben: ':first-letter'. Warum ich den ersten Buchstabe als String möchte? Um damit ein Bild zu laden, zB "A.png" oder "B.png" oder um die Versetzung eines Sprites mittels eines assoziativen Arrays zu ermitteln: Code: offset[myString] = -12; ..oderso? ... kenn mich mit Javascript überhaupt nicht aus, deshalb stell ich auch so Basic-Fragen, hoffe oder denke aber, das javascript Assoziative Arrays hat oder??