---
title: "jQuery each och replaceWith?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192756-jquery-each-och-replacewith"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2015-08-11T14:53:46.000Z"
updated: "2015-08-11T19:51:13.000Z"
replies: 2
views: 1416
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/192756-jquery-each-och-replacewith"
---

# jQuery each och replaceWith?

## #1 — Jesper T, 2015-08-11T14:53Z

Denna funkar bra

```
var txt = $("h2").html();
var svgText = createSVGtext(txt, 500, 100);
$("h2").replaceWith( '<svg id="txt" width="100%" height="100%" viewBox="0 0 1000 200"></svg>');
$('#txt').append(svgText);
```

Men så fort jag gör en loop av det hela verkar det inte funka.

```
 $('h2').each(function() {
  var $this = $(this);
  var txt = $this.text();
  var svgText = createSVGtext(txt, 500, 50);
  $($this).replaceWith('<svg width="100%" height="100%" viewBox="0 0 1000 200">' + svgText.innerHTML + '</svg>');
});
```

Har jag missat något?

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

## #2 — voigtann1, 2015-08-11T18:15Z

ser ut att det borde fungera, det du kan göra är att ta bort $() runt $this för det är ju redan ett jQuery objekt. 

```
 $('h2').each(function() {
  var $this = $(this);
  var txt = $this.text();
  //var svgText = createSVGtext(txt, 500, 50);
  $this.replaceWith('<b>' + txt + '</b>');
});
```

 fungera med som exempelvis, men jag gissar på att svgText är en SVG objekt och inte text.
vad gör createSVGtext? 

fungera: 

```
$('h2').each(function() {
  var $this = $(this);
  var txt = $this.text();
  var svgText = createSVGtext(txt, 500, 50);
  var svg = $('<svg width="100%" height="100%" viewBox="0 0 1000 200"/>').append(svgText);
  $this.replaceWith(svg);
});
```

 bättre?

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

## #3 — Jesper T, 2015-08-11T19:51Z

Yes!
funktionen createSVGtext splittar upp SVG-text i flera tspan-element. Då SVG 1.1-text inte fattar textstycken.
1000 tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192756-jquery-each-och-replacewith