---
title: "Hitta text och länk i en tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/188559-hitta-text-och-länk-i-en-tabell"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ironhead"
published: "2011-12-08T14:39:50.000Z"
updated: "2011-12-09T12:16:23.000Z"
replies: 4
views: 802
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/188559-hitta-text-och-länk-i-en-tabell"
---
# Hitta text och länk i en tabell
## #1 — ironhead, 2011-12-08T14:39Z
Hej alla glada!
Försöker mha JQuery do some magic ;-)
har en tabell som ser ut som följer:
```
| 50 |
51 |
52 |
| femti |
femtiett |
femtitvå |
```
Jag vill nu modifiera texten i klasserna "theme" genom att lägga på länken från klasserna "center"
resultat ex.
```
```
Funkar att hämta ut länken med:
```
$('.weeks tr td').each(function () {
var lnk = $(this).find('.dialogForm').attr('href');
if (lnk.length > 0) {
alert(lnk);
}
```
...men hur ska jag hämta ut texten samt modifiera texten i den efterföljande mängden td?
Detta skriver ut alla val på samma gång:
```
var txt = $(trSel).closest("tr").next().find("td:has(span)").text();
//Texten i span ska bli en länk baserad på "lnk".
//ex. var newlnk = ''+txt+'';
//$(trSel).closest("tr").next().find("td:has(span)").html(newlnk);
```
Hur göra...?
Permalänk: https://www.webforum.nu/p/188559
## #2 — voigtann1, 2011-12-08T15:49Z
och du kan inte modifiera html koden alls? td.center känns som det borde vara en th ifrån början ;)
annars få du hämta ut kollektionen med $("td.center a")
och en kollektion med $("td.theme span") och loopar ut span och hämta dess index mot det index som du har i **td.center a** kollektionen.
man kan göra så:
```
var links = $("td.center a"),
theme = $("td.theme span").each(function(index) {
var span = $(this),
val = $(this).text(),
el = links.eq(index).clone().text(val).wrap("");
span.replaceWith(el);
});
```
demo:
eller om a-elementet kan wrappar span:
```
var links = $("td.center a"),
theme = $("td.theme span").each(function(index) {
var span = $(this),
val = $(this).text(),
el = links.eq(index).clone().text(val);
span.text("").wrap(el);
});
```
eller:
```
var links = $("td.center a"),
theme = $("td.theme span").each(function(index) {
var span = $(this),
el = links.eq(index).clone().text("");
span.contents().filter(function(){return this.nodeType === 3}).wrap(el);
});
```
;)
Permalänk: https://www.webforum.nu/p/2289327
## #3 — ironhead, 2011-12-09T10:33Z
Hej!
Alla exempel fungerade mycket bra. Tack så mycket.
Jag märkte dock att det smugit sig in en länk som jag vill hoppa över.
Första länken i raden innehåller:
```
```
Går det att på något bra sätt hoppa över den första länken som uppenbarar sig?
Permalänk: https://www.webforum.nu/p/2289345
## #4 — voigtann1, 2011-12-09T10:49Z
ta och ändra kollektionen att inte ta den första td på båda kollektionerna
**:not(:first)**
Permalänk: https://www.webforum.nu/p/2289348
## #5 — ironhead, 2011-12-09T12:16Z
Försökte med detta, men utan gott resultat...
```
var links = $("td.center a:not(:first)"),
```
Det funkade nästan...sista länken kommer inte med..?!
Edit:
Sorry! Var jag som inte hade ett span-element runt sista länken.
Tusen tack för bra svar!!!
Permalänk: https://www.webforum.nu/p/2289354
---
Tråden på webben: https://www.webforum.nu/amne/javascript/188559-hitta-text-och-länk-i-en-tabell
