Ich brauche nur einen Tipp, wie ich korrekt einen String nach bestimmten Elementen prüfen kann und diese ggf. verändern kann. Dazu liegt mir eine Variable mit einem String vor - ich nenne die Variable einfach mal „inhalt_html“:
[CODE]var inhalt_html = "
Beispiel
Dies ist
einfach nur ein Beispiel
wie so ein String aussehen
könnte
Test
oder so...
";[/CODE]
Ich möchte nun alle p-Elemente von „inhalt_html“ durchgehen und prüfen, ob der Inhalt dieses p-Elements einen bestimmten Wert hat.
var arr =["Beispiel","Test"];
Ist z.B. der Inhalt eines p-Elementes == „Beispiel“ oder „Test“, so soll es in ein h1-Element umgewandelt werden.
Leider bin ich in JS einfach noch nicht so bewandert, so dass ich einfach nicht genau weiß mit welcher Methodik man da am besten vorgeht. Da ich idR JQuery einsetze, dachte ich an each()…
Also irgendwie so…
$('p').each(function(index){
$(this).html()
});
Aber erstens wäre das ja für den ganzen DOM… ich beziehe aber meine Daten aus einem String, welcher ein HTML-Konstrukt enthält. Und zweitens weiß ich nicht, wie ich damit weiterarbeiten soll, d.h. prüfen kann, ob der Inhalt dieses Elements gleich einem Element aus dem Array ist.
Ihr seht schon… Ich will keine fertige Lösung (nehme ich natürlich auch gerne ), aber alleine komme ich auch nicht weiter.
Und wie verbinde ich die variable „inhalt_html“ mit „$(‚p‘).each()“? Denn schließlich soll ja in der Variable gesucht werden… Stehe da irgendwie auf dem Schlauch.
Ok, vielleicht verstehe ich es nicht ganz oder wir reden aneinander vorbei.
Innerhalb eines JS-Teils wird die Variable inhalt_html gesetzt. Nun soll diese weiterverarbeitet werden. Deshalb eben meine Frage, wie ich nun den Inhalt eben mit der each-Funktion bearbeiten kann.
Aber ich habe schon das Gefühl, dass das so nicht geht. Nur… wie dann?
(function($) {
var myArr = ['hello', 'world', 'bar'];
var inhalt_html = "<p>usw...</p>"; // Dieser String soll nun in den nächsten Zeilen weiterverarbeitet werden.
$('#box p').each(function(e) {
var str = $(this).html();
if ( $.inArray(str, myArr) !== -1 ) {
alert('im Array: ' + str);
}
});
})(jQuery);
Genau das ist mein Problem. Von einem h1-Element bis zum nächsten h1- Element. Alles was dazwischen ist, wird in den div-container gepackt. Ich weiß aber nicht, wie ich „alles dazwischen“ ansprechen kann.