Kom ihåg mig?
Home Menu

Menu


jQuery

Ämnesverktyg Visningsalternativ
Oläst 2013-09-20, 18:15 #1
aelanders avatar
aelander aelander är inte uppkopplad
Medlem
 
Reg.datum: Dec 2004
Inlägg: 146
aelander aelander är inte uppkopplad
Medlem
aelanders avatar
 
Reg.datum: Dec 2004
Inlägg: 146
Standard jQuery

Har lite problem med jQuery. Hoppas att du som är bra på detta hittar hit.


Försök 1:
Ger problem för jag har <td> på andra ställen också och jQuery reagerar på alla dessa ställen, vilket jag inte vill.


Kod:
<head>

<script type="text/JavaScript">

...

$("td").click(function() {
	var Name = $(this).html()
	console.log(Name)
})

...

</script>
</head>


<body>

...

<table>
	<tr>
		<td>Namn Ett</td>
	</tr>
	<tr>
		<td>Namn Två</td>
	</tr>
	<tr>
		<td>Namn Tre</td>
	</tr>
</table>

...
</body>

Försök 2: Fungerar endast om man klickar på 'Namn Ett'


Kod:
$("#MinaNamn").click(function() {
	var Name = $(this).html()
	console.log(Name)
})


	<td id="MinaNamn">Namn Ett</td>
	<td id="MinaNamn">Namn Två</td>
	<td id="MinaNamn">Namn Tre</td>

Försök 3: Fungerar men känns klumpigt. Finns det nåt smart sätt?

Kod:
$("td").click(function() {
	if (!$(this).attr('id')) { return false }
	var Idet = $(this).attr('id').split('-');
	if (Idet[0] != 'MinaNamn') { return false }

	var Name = $(this).html()
	console.log(Name)
})

	<td id="MinaNamn-1">Namn Ett</td>
	<td id="MinaNamn-2">Namn Två</td>
	<td id="MinaNamn-3">Namn Tre</td>
aelander är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-09-20, 18:20 #2
cyrres avatar
cyrre cyrre är inte uppkopplad
Medlem
 
Reg.datum: Feb 2006
Inlägg: 178
cyrre cyrre är inte uppkopplad
Medlem
cyrres avatar
 
Reg.datum: Feb 2006
Inlägg: 178
Kod:
$("#namn td").click(function() {
	var Name = $(this).html()
	console.log(Name)
})
Kod:
<table id="namn">
	<tr>
		<td>Namn Ett</td>
	</tr>
	<tr>
		<td>Namn Två</td>
	</tr>
	<tr>
		<td>Namn Tre</td>
	</tr>
</table>
cyrre är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-09-20, 18:28 #3
aelanders avatar
aelander aelander är inte uppkopplad
Medlem
 
Reg.datum: Dec 2004
Inlägg: 146
aelander aelander är inte uppkopplad
Medlem
aelanders avatar
 
Reg.datum: Dec 2004
Inlägg: 146
Så lätt det kan vara ibland. Fungerar ju som jag ville!
Jätte mycket tack!
aelander är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-09-20, 18:36 #4
tartareandesire tartareandesire är inte uppkopplad
Supermoderator
 
Reg.datum: Jan 2004
Inlägg: 11 585
tartareandesire tartareandesire är inte uppkopplad
Supermoderator
 
Reg.datum: Jan 2004
Inlägg: 11 585
Du hittar alla selektorer för jQuery här:

http://api.jquery.com/category/selectors/

Du kan som du ser filtrera efter id, class, name osv. precis som du önskar. Id är exempelvis lämpligt att använda om det bara är en enstaka unik funktionalitet (precis som med vanligt JavaScript).
__________________
Full-stack developer, free for smaller assignments
tartareandesire är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 03:25.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017