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>