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>

cyrre · 2013-09-20, 17:20

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>

aelander · 2013-09-20, 17:28

Så lätt det kan vara ibland. Fungerar ju som jag ville!
Jätte mycket tack!

tartareandesire · 2013-09-20, 17:36

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).

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

Menu

jQuery