der Selektor in der jquery - rel-Attribut bekommen

Habe ich html-code wie dieser:

<li id="vol" rel="1">
    //something here
</li>
<li id="vol" rel="2">
    //something here
</li>
<li id="vol" rel="3">
    //something here
</li>

Ich bin versuchen, um rel-Attribut, indem Sie diesen code ein:

$('#vol').click(function(){
  var rel = $(this).attr('rel');
});

Aber es funktioniert nicht. Ändere ich auch this zu #vol, aber es hat nicht funktioniert.
Was soll ich tun?

können nicht, verwenden Sie dieselbe id mehrfach.
...und wenn Sie zu beheben, es wird alles gut funktionieren.

InformationsquelleAutor kamal | 2012-07-30

  1. 4

    Durch die Nicht arbeiten, ich gehe davon aus, dass jeder li Sie auf, gibt Sie zurück 1 dies ist dadurch verursacht, dass mehrere ID auf einer Seite. Die IDs sollen eindeutig sein, verwenden Sie Klasse statt.

    versuchen

    <li class="vol" rel="1">
    //something here
</li>
<li class="vol" rel="2">
    //something here
</li>
<li class="vol" rel="3">
    //something here
</li>

JS:

$('.vol').click(function(){
  var rel = $(this).prop('rel');
});
    Durch die nicht arbeiten, ich nehme an, nur die ersten li hätte ein Klick-listener gebunden.

    InformationsquelleAutor Andreas Wong

  2. 4

    Ihr alle id sind die gleichen.So stellen Sie anderen Sie.
    Unter der Annahme, dass Ihre li innerhalb ul welche Klasse clsTest

    $('.clsTest li').click(function(){
  var rel = $(this).attr('rel');
  alert(rel);
});

    InformationsquelleAutor Shree

  3. 1

    Selektor von "id" (#id) wählen Sie nur ein element, verwenden Sie "Klasse" (.Klasse) statt

    InformationsquelleAutor Bekzat Abdiraimov

  4. 1

    Den code ändern, um

    <li class="vol" rel="1">
    //something here
</li>
<li class="vol" rel="2">
    //something here
</li>
<li class="vol" rel="3">
    //something here
</li>

<script>
$('body').delegate('li.vol','click',function(){
  var rel = $(this).attr('rel');
});
</script>
    verwenden delegate oder on wenn Sie möchten, fügen Sie dem Ereignis dynamisch

    InformationsquelleAutor coolguy

  5. 0
    $('.li').on('click', function(){
  var target = $(this).attr('rel');
});

    denke ich, dass wir direkt versuchen, bei element, wenn Sie mit li

    InformationsquelleAutor mano

Schreibe einen Kommentar