So fügen Sie ein Inkrement(1), um den Wert eines Elements mit JQuery

<span id="shortfall" style="color:black">$row[shortfall]</span>

Wie zu erhöhen $row[Fehlbetrag] um $row[Fehlbetrag]+1 mit JQuery?

InformationsquelleAutor Steven | 2009-11-06
  1. 10

    Müssen Sie parseInt Behandlung von strings als zahlen.

    $("#shortfall").text(parseInt($("#shortfall").text()) + 1);
    • Das könnte zu einiger Verwirrung führen, wenn der ursprüngliche Wert ist", sagen, "077": parseInt("077")+1 = 64.
    • Haha der war gut. Aber wer benutzt octals heute? =)
    • Wie hast du das feststellen, war es ein integer? Was wäre, wenn es eine Dezimalzahl? parseInt( "0.34" ) = 0
    • Dann verwenden Sie einfach parseDouble? =) Ich jedoch nicht erwarten, dass die Werte alle verdoppelt sich, wenn er zu bitten, erhöht sich der Wert mit 1, so halte ich diesen Kommentar sehr nitpicky.
    • Niemand absichtlich verwendet octals. Aber die Leute könnten versehentlich nutzen.
    • Man sollte immer die Verwendung der radix - parameter beim Aufruf parseInt() um zu verhindern, dass potenzielle Probleme, wie etwa die oktale Ausgabe. $("#shortfall").text(parseInt($("#shortfall").text(), 10) + 1);

    InformationsquelleAutor BalusC
  2. 2

    Durch die Zeit wird es an den browser, Ihr Ausdruck wird ausgewertet worden und verwandelte sich in eine Reihe. JQuery würde man einfach den text-Wert der span -, ihn in eine Zahl umzuwandeln, dann ersetzen Sie den text Wert. Müssen Sie konvertieren Sie den Wert einer Zahl, bevor Sie die Zusatz-oder es wird die string-Verkettung.

    $("#shortfall").each( function() {
    $(this).text( Number($(this).text()) + 1 );
});

    Aktualisiert: ich bin mit jedem zu zeigen, wie würden Sie dies tun, indem eine generische Auswahl, akzeptieren können eine Auflistung der Eingänge. In Ihrem Fall, wenn Sie wissen, es entspricht genau einem element, man könnte es optimieren auf die Gefahr hin, Sie neu zu schreiben, wenn Sie wollten, den code zu übernehmen, um mehrere Elemente.

    var span = $("#shortfall");
span.text( Number( span.text() ) + 1 );

    Aktualisiert: verwenden müssen, die text () - (oder html ()), da das element ist ein SPAN, nicht input.

    • was ist das each () - Funktion? Es gibt nur einen der es.
    • Ich denke der Wert kann nur abgerufen werden, indem Sie $('#Fehlbetrag).attr('value');
    • Nein, durch die text(). Es ist kein Attribut, sondern nur der Körper.
    • es ist mehr grundsätzlich davon ausgehen, dass der Selektor die Ergebnisse in eine Sammlung. Wenn es funktioniert, dann Sie don ' T wollen, verwenden Sie einen text ein, der die Aggregation der innerText des all die übereinstimmenden Elemente. Mit der each-Funktion kann der code noch funktioniert, wenn der Selektor wird geändert, um die übereinstimmung von mehreren Elementen.
    • Das problem liegt woanders, wenn die ID (ja, die identifier) selector gibt mehr als ein element.
    • mein Punkt war, dass, wenn Sie ändern Sie den Selektor, mein code funktioniert immer noch so ist. Es ist folglich mehr allgemein, weil es erkennt, dass jQuery gibt eine Sammlung von Objekten. Dein code geht davon aus, dass die Sammlung nur ein element hat, weil die Semantik des Selektors. Es ist persönliche Präferenz, und ich habe aktualisiert, um zu zeigen, das alternative, aber ich wählen, um meinen code robuster, zunächst mit Bezug auf den Selektor.
    • sicher kann es eine gute Praxis. Aber es sollte schon auf der design-Ebene gesichtet werden, ob das element in Frage ist einzigartig, oder nicht. Wenn dem so ist, verwenden Sie id. Wenn nicht, verwenden Sie Klasse. Die jQuery-kommt erst im jenseits.

    InformationsquelleAutor tvanfosson
  3. 1

    JS:

    $(document).ready(function(){
  $("#increment").click(function(){
    $(".sl-no").html(function(){
      $(this).html(parseInt($(this).html())+1);
    }); 
  });
});

    CSS:

    table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <button id='increment'>Click to Increment</button>
<table>
  <tr>
    <th>Sl</th>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td class='sl-no'>1</td>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td class='sl-no'>2</td>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td class='sl-no'>3</td>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td class='sl-no'>4</td>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td class='sl-no'>5</td>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td class='sl-no'>6</td>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>

    • Fügen Sie bitte eine Erklärung.
    InformationsquelleAutor Vinay A
Schreibe einen Kommentar