jQuery

aelander · 2013-09-20, 17:15

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>

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

Menu

jQuery