Wie Ersetze ich text in ein span-element mit Jquery?

Ich versuche, das # - Prozent-Betrag zu ändern, um den text in den li, auf die geklickt wird. Mir jemand helfen, fix meinen code bitte und danke!

<div id="percentchooser">
<ul>
    <li>25</li>
    <li>30</li>
    <li class="selectedpercentage">35</li>
    <li>40</li>
    <li>45</li>
    <li>50</li>
</ul>
<div id="percentage"><span id="percentamount">35</span><span id="percentsign">%</span>

</div>

$("#percentchooser li").click(function () {

    var percentage = $(this).html();

    $("#percentchooser li").removeClass("selectedpercentage");
    $(this).addClass("selectedpercentage");

    $("#percentageamount").html(percentage);


});
InformationsquelleAutor jaruesink | 2013-01-29
  1. 3

    Scheinen Sie zu verweisen, die falsche id, die id des span-Tags ist percentamount im HTML-Beispiel, aber Sie werden darauf verweisen, wie percentageamount im Skript:

    $("#percentchooser li").click(function () {
    var percentage = $(this).html();

    $("#percentchooser li").removeClass("selectedpercentage");
    $(this).addClass("selectedpercentage");

    $("#percentamount").html(percentage);
});

    Diejenigen geändert, es scheint zu funktionieren.

    DEMO - Mit #percentamount statt

    • Danke, es hilft immer wenn man jemanden look at es. dumme Fehler.. ich dachte, ich wusste was ich Tue..
    InformationsquelleAutor Nope
  2. 0

    ich nicht sehen, keine prozentualen Betrag id hier, so dass ich denke, dies sollte die Arbeit

       $("#percentamount").html(percentage);
    InformationsquelleAutor Arshabh Agarwal
  3. 0

    Haben Sie als nicht mit jQuery? Es ist unnötig in dieser situation:

    (function() {
  var chooser = document.getElementById('percentchooser'),
      selected = (function() {
        var li = chooser.children[0].children, len = li.length, i;
        for(i=0;i<l;i++) if(li[i].className == "selectedpercentage") return li[i];
      })(), target = document.getElementById('percentamount');
  chooser.onclick = function(e) {
    e = e || window.event;
    var t = e.srcElement || e.target;
    if( !t.tagName) t = t.parentNode; 
    if( t.tagName.toLowerCase() == "li") {
      selected.className = "";
      t.className = "selectedpercentage";
      target.firstChild.nodeValue = t.firstChild.nodeValue;
    }
  };
})();
    InformationsquelleAutor Niet the Dark Absol
Schreibe einen Kommentar