---
title: "Lägg till nod med jQuery, selector med multipla klasser"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/191381-lägg-till-nod-med-jquery-selector-med-multipla-klasser"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "prplxr"
published: "2013-05-23T11:23:04.000Z"
updated: "2013-05-23T13:01:14.000Z"
replies: 6
views: 1067
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/191381-lägg-till-nod-med-jquery-selector-med-multipla-klasser"
---

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

## #1 — prplxr, 2013-05-23T11:23Z

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?

Permalänk: https://www.webforum.nu/p/191381

## #2 — voigtann1, 2013-05-23T12:23Z

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?

Permalänk: https://www.webforum.nu/p/2312661

## #3 — prplxr, 2013-05-23T12:37Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1560054)**
>
> 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?

Permalänk: https://www.webforum.nu/p/2312662

## #4 — voigtann1, 2013-05-23T12:41Z

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.

Permalänk: https://www.webforum.nu/p/2312663

## #5 — prplxr, 2013-05-23T12:51Z

Det stämmer bra, det.

Permalänk: https://www.webforum.nu/p/2312664

## #6 — voigtann1, 2013-05-23T12:54Z

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?

Permalänk: https://www.webforum.nu/p/2312665

## #7 — prplxr, 2013-05-23T13:01Z

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

Permalänk: https://www.webforum.nu/p/2312666

---

Tråden på webben: https://www.webforum.nu/amne/javascript/191381-lägg-till-nod-med-jquery-selector-med-multipla-klasser