webForumDet fria alternativet

Lägg till nod med jQuery, selector med multipla klasser

JavaScript

6 svar · 1 042 visningar · startad av prplxr

Medlem sedan juni 2012581 inlägg
Frågan#1

Halloj.

Sitter med ett script som jag ej kan ändra källkoden, eller för den delen outputen från. Enda sättet skulle vara att modifiera HTMLen i efterhand med exempelvis jQuery.

Det är en lista med x noder (divar). I dessa divar finns lite allt möjligt skojigt, inte relevant.

Dessa noder saknar ID, men har två klasser, vilket är unikt. Bara dessa divar uppfyller detta kriterium. Efter var och en av dessa divar vill jag lägga till ytterligare en div, <div class="gradient_shadow"></div>, inte värre än så, men jag får tamejtusan inte detta att fungera.

Prövade sist med

$(document).ready(function() {
	$('<div class="gradient_shadow"></div>').insertAfter(".gs-webResult.gs-result");
});

Detta gjorde absolut nada, inte heller fick jag något felmeddelande, men kanske är jag hela ute och snurrar. Finns någon bättre approach?

Medlem sedan juni 20019 519 inlägg
#2

Ser ut att fungera: http://jsbin.com/odafay/2/edit men jag gissar att gs-webResult är något som läses in dynamiskt av någon annan tjänst och inte finns i DOM:en vid dom-ready?

Medlem sedan juni 2012581 inlägg
#3

voigtann1 skrev:

Ser ut att fungera: http://jsbin.com/odafay/2/edit men jag gissar att gs-webResult är något som läses in dynamiskt av någon annan tjänst och inte finns i DOM:en vid dom-ready?

Alltså, det är ingen hemlis, det är Google Custom Search Engine det gäller. Men menar du att dom-ready inträffar innan detta lästs in?

Medlem sedan juni 20019 519 inlägg
#4

Om den inte finns i dom:en när dom-ready körs (vet inte alls hur google custom search engine fungera) men jag gissar att den läggs in async på din sida.

Medlem sedan juni 2012581 inlägg
#5

Det stämmer bra, det.

Medlem sedan juni 20019 519 inlägg
#6

Inte den sexigaste lösningen men:

http://jsbin.com/odafay/3/edit

förmodligen kan man skriva om koden som du fått från google med jQuery.getScript() och använda deras callback för att lägga in det på ett snyggare sätt.

eller bara se om du kan lösa det med CSS :after?

Medlem sedan juni 2012581 inlägg
#7

Du har så rätt så, det var inte vackert, men efter liden modifikation ack så funktionellt!
Som vanligt, tack och bock!

255 ms totalt · 3 externa anrop · v20260731065814-full.a4a6ad0e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)