jQuery: Wie man den Änderungstext der Spanne behandelt

Ich benutze jQuery und ich möchte etwas in einem Bereich (genannt span1) anzeigen und ich möchte, wenn Text von span1 verändert etwas auf seinem Wert und zeigen in anderen Spannen (genannt `span2, span3, ...). Wie kann ich mit der Textänderung der Spanne umgehen?jQuery: Wie man den Änderungstext der Spanne behandelt

dank

Quelle

2012-06-09 Arian

es nicht – Arian

funktioniert „' Dieses Ereignis zu Elemente beschränkt ist, Boxen und <select> elements'“ – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/900807/">SpYk3HH</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">Sie sollten damit umgehen, egal wo Sie den Wert des' '<span> ändern. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/417685/">Alexander</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">Antwort</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">13<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>Sie die Funktion nutzen könnten, die den Text von span1 ändert den Text der anderen zu ändern.</p> <p>Als eine Arbeit, wenn Sie wirklich wollen, dass es ein <code class="prettyprint-override">change</code> Ereignis hat, dann nicht zuordnen Text zu Span 1. Stattdessen eine Eingabevariable in jQuery zuweisen, schreiben Sie eine Änderung Ereignis, und wenn Sie die ändern Text von span1 .. anstatt den Wert Ihrer Eingangsgröße ändern, damit Änderungsereignis Brennen, etwa so:</p> <pre><code class="prettyprint-override">var spanChange = $("<input />"); function someFuncToCalculateAndSetTextForSpan1() { // do work spanChange.val($newText).change(); }; $(function() { spanChange.change(function(e) { var $val = $(this).val(), $newVal = some*calc-$val; $("#span1").text($val); $("#spanWhatever").text($newVal); }); }); </code></pre> <p>Obwohl ich finde, dass die „work-around“, während nützlich in einigen Aspekten eine einfache Änderung zu schaffen wirklich Ereignis, ist sehr überfordert, und Sie sollten die Änderungen an anderen Spannen gleichzeitig vornehmen, wenn Sie span1 ändern.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/10958587">Quelle</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-06-09 05:22:19</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/900807/">SpYk3HH</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">24<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Span hat das Ereignis "Änderung" nicht standardmäßig. Sie können dieses Ereignis jedoch manuell hinzufügen.</p> <p>Hören Sie auf das Änderungsereignis der Spanne.</p> <pre><code class="prettyprint-override">$("#span1").on('change',function(){ //Do calculation and change value of other span2,span3 here $("#span2").text('calculated value'); }); </code></pre> <p>Und wo immer Sie den Text in span1 ändern. Das Änderungsereignis manuell auslösen.</p> <pre><code class="prettyprint-override">$("#span1").text('test').trigger('change'); </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/16714531">Quelle</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-05-23 12:55:17</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Haben Sie es in IE versucht? es funktioniert in Chrome, funktioniert aber nicht in IE für mich. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@SiddiqueMahsud: IE hat zu viele Versionen, die sich alle unterschiedlich verhalten. Nur IE zu sagen bedeutet in ** allen * von ihnen? Und was ist die Definition von allem dann? Einschließlich "Edge"? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/4478047/">Kukeltje</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Damals habe ich IE 11 benutzt. Danke – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Verwandte Themen</div> <ul class="relative_list"> <li> 1. <a href="http://de.voidcc.com/question/p-whurwjke-dd.html" target="_blank" title="JQuery Änderungstext des Absatzes, die Bild enthält"> JQuery Änderungstext des Absatzes, die Bild enthält </a> </li> <li> 2. <a href="http://de.voidcc.com/question/p-ewzwdhkq-bb.html" target="_blank" title="jQuery Autocomplete - Wie behandelt man zusätzliche Daten?"> jQuery Autocomplete - Wie behandelt man zusätzliche Daten? </a> </li> <li> 3. <a href="http://de.voidcc.com/question/p-qbjafncd-m.html" target="_blank" title="jQuery - Zunahme/Abnahme-Wert der Spanne"> jQuery - Zunahme/Abnahme-Wert der Spanne </a> </li> <li> 4. <a href="http://de.voidcc.com/question/p-ywdibecf-q.html" target="_blank" title="JLabel auf Änderungstext Ereignis"> JLabel auf Änderungstext Ereignis </a> </li> <li> 5. <a href="http://de.voidcc.com/question/p-vekzrnuy-eq.html" target="_blank" title="Wie behandelt man den KeyError in Python?"> Wie behandelt man den KeyError in Python? </a> </li> <li> 6. <a href="http://de.voidcc.com/question/p-ajwetfso-cz.html" target="_blank" title="DisplayNameFor Tag Änderungstext"> DisplayNameFor Tag Änderungstext </a> </li> <li> 7. <a href="http://de.voidcc.com/question/p-nkxpsobc-bm.html" target="_blank" title="Wie wenige Spanne der untereinander"> Wie wenige Spanne der untereinander </a> </li> <li> 8. <a href="http://de.voidcc.com/question/p-uyulwepl-ca.html" target="_blank" title="Wie behandelt man Ausnahmen?"> Wie behandelt man Ausnahmen? </a> </li> <li> 9. <a href="http://de.voidcc.com/question/p-eivtrdcw-bk.html" target="_blank" title="jquery AddClass auf den Radio-Button geklickt Spanne"> jquery AddClass auf den Radio-Button geklickt Spanne </a> </li> <li> 10. <a href="http://de.voidcc.com/question/p-cfegmpcp-u.html" target="_blank" title="Wie behandelt man $ null in der Pipeline"> Wie behandelt man $ null in der Pipeline </a> </li> <li> 11. <a href="http://de.voidcc.com/question/p-pbutclsi-dh.html" target="_blank" title="Checkbox innerhalb der Spanne"> Checkbox innerhalb der Spanne </a> </li> <li> 12. <a href="http://de.voidcc.com/question/p-piqmuqqa-bm.html" target="_blank" title="Wie behandelt man System.Data.Entity.Validation.DbEntityValidationException?"> Wie behandelt man System.Data.Entity.Validation.DbEntityValidationException? </a> </li> <li> 13. <a href="http://de.voidcc.com/question/p-vzfszaex-dg.html" target="_blank" title="Wie man EOFException behandelt?"> Wie man EOFException behandelt? </a> </li> <li> 14. <a href="http://de.voidcc.com/question/p-ovyeojxi-p.html" target="_blank" title="Wie behandelt man eine 204 Antwort in jQuery Ajax?"> Wie behandelt man eine 204 Antwort in jQuery Ajax? </a> </li> <li> 15. <a href="http://de.voidcc.com/question/p-mrcqubft-bd.html" target="_blank" title="Wie behandelt jQuery das Klickereignis?"> Wie behandelt jQuery das Klickereignis? </a> </li> <li> 16. <a href="http://de.voidcc.com/question/p-adxvtcyh-ct.html" target="_blank" title="Wie behandelt man Leerzeichen in div id in jquery"> Wie behandelt man Leerzeichen in div id in jquery </a> </li> <li> 17. <a href="http://de.voidcc.com/question/p-adintpiv-h.html" target="_blank" title="jQuery Text der ersten Spanne von jedem li"> jQuery Text der ersten Spanne von jedem li </a> </li> <li> 18. <a href="http://de.voidcc.com/question/p-omihjuyl-cw.html" target="_blank" title="ausgeblendet Spanne in zweiter Tabellenzeile durch jQuery"> ausgeblendet Spanne in zweiter Tabellenzeile durch jQuery </a> </li> <li> 19. <a href="http://de.voidcc.com/question/p-zbrwssko-do.html" target="_blank" title="Wie man den Wert der Spanne innerhalb einer Ng-Wiederholung einstellt"> Wie man den Wert der Spanne innerhalb einer Ng-Wiederholung einstellt </a> </li> <li> 20. <a href="http://de.voidcc.com/question/p-eqhfqpon-bv.html" target="_blank" title="Wie behandelt man Button Click Events in jQuery?"> Wie behandelt man Button Click Events in jQuery? </a> </li> <li> 21. <a href="http://de.voidcc.com/question/p-orcrwcnr-cs.html" target="_blank" title="Wie behandelt man findElements Ergebnis?"> Wie behandelt man findElements Ergebnis? </a> </li> <li> 22. <a href="http://de.voidcc.com/question/p-bbkugxlj-dv.html" target="_blank" title="Wie behandelt man am besten, wenn ein JQuery-Selektor fehlschlägt?"> Wie behandelt man am besten, wenn ein JQuery-Selektor fehlschlägt? </a> </li> <li> 23. <a href="http://de.voidcc.com/question/p-rkbqmklm-en.html" target="_blank" title="Wie man Versprechungen richtig behandelt?"> Wie man Versprechungen richtig behandelt? </a> </li> <li> 24. <a href="http://de.voidcc.com/question/p-wiydslqu-be.html" target="_blank" title="Wie entferne ich eine Spanne?"> Wie entferne ich eine Spanne? </a> </li> <li> 25. <a href="http://de.voidcc.com/question/p-dcqsdmhy-cv.html" target="_blank" title="Wie behandelt man Laravel NotFoundHttpException?"> Wie behandelt man Laravel NotFoundHttpException? </a> </li> <li> 26. <a href="http://de.voidcc.com/question/p-ykrfsrls-c.html" target="_blank" title="Wie man Fehler behandelt In $ .get()"> Wie man Fehler behandelt In $ .get() </a> </li> <li> 27. <a href="http://de.voidcc.com/question/p-ardzkpdr-e.html" target="_blank" title="Erhalten Sie Text aus Spanne mit Jquery"> Erhalten Sie Text aus Spanne mit Jquery </a> </li> <li> 28. <a href="http://de.voidcc.com/question/p-aanbskaf-bw.html" target="_blank" title="Wie behandelt man den verbotenen CURL 403-Fehler? irgendwelche Lösungen?"> Wie behandelt man den verbotenen CURL 403-Fehler? irgendwelche Lösungen? </a> </li> <li> 29. <a href="http://de.voidcc.com/question/p-nxswfuzk-de.html" target="_blank" title="Wie behandelt man den Refresh Token Ablauf in OkHttp?"> Wie behandelt man den Refresh Token Ablauf in OkHttp? </a> </li> <li> 30. <a href="http://de.voidcc.com/question/p-pbdjfrai-cc.html" target="_blank" title="UIManagedDocument - Wie behandelt man UIDocumentStateSavingError?"> UIManagedDocument - Wie behandelt man UIDocumentStateSavingError? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422091"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Letzte Frage </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.voidcc.com/question/p-opfzmxfp-nr.html" target="_blank" title="Wordpress - duplicator plugin backup fehlgeschlagen"> Wordpress - duplicator plugin backup fehlgeschlagen </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.voidcc.com/question/p-bpnezmqa-ns.html" target="_blank" title="So extrahieren Sie entsprechende Spaltendaten aus pdf"> So extrahieren Sie entsprechende Spaltendaten aus pdf </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.voidcc.com/question/p-zuubbqwy-nr.html" target="_blank" title="Verwalten von Bildern mit Javascript innen flex-box"> Verwalten von Bildern mit Javascript innen flex-box </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.voidcc.com/question/p-waijjsge-np.html" target="_blank" title="Entfernen von Objekten aus NSMutableArray beim Einhaken Swift nicht"> Entfernen von Objekten aus NSMutableArray beim Einhaken Swift nicht </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.voidcc.com/question/p-yrfyexrv-np.html" target="_blank" title="bei der Verwendung von competheto für Strings gibt 10 die ganze Zeit"> bei der Verwendung von competheto für Strings gibt 10 die ganze Zeit </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.voidcc.com/question/p-axlobyga-nm.html" target="_blank" title="sapui5 DatePicker set multi dates"> sapui5 DatePicker set multi dates </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.voidcc.com/question/p-xwvwcegs-nn.html" target="_blank" title="Webpack Kopieren nicht css in dist"> Webpack Kopieren nicht css in dist </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.voidcc.com/question/p-hkrlcrtv-nn.html" target="_blank" title="QTQuick ComboBox Gruppe"> QTQuick ComboBox Gruppe </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.voidcc.com/question/p-azimkurp-nn.html" target="_blank" title="Ändern von Text auf einer Schaltfläche mehrmals und Verschieben eines Div mit JQuery"> Ändern von Text auf einer Schaltfläche mehrmals und Verschieben eines Div mit JQuery </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.voidcc.com/question/p-bpwqtgre-no.html" target="_blank" title="PHP debug_backtrace() von register_tick_function() aufgerufen wird nicht den vollständigen Stapel"> PHP debug_backtrace() von register_tick_function() aufgerufen wird nicht den vollständigen Stapel </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Verwandte Themen</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.voidcc.com/question/p-whurwjke-dd.html" target="_blank" title="JQuery Änderungstext des Absatzes, die Bild enthält"> JQuery Änderungstext des Absatzes, die Bild enthält </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.voidcc.com/question/p-ewzwdhkq-bb.html" target="_blank" title="jQuery Autocomplete - Wie behandelt man zusätzliche Daten?"> jQuery Autocomplete - Wie behandelt man zusätzliche Daten? </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.voidcc.com/question/p-qbjafncd-m.html" target="_blank" title="jQuery - Zunahme/Abnahme-Wert der Spanne"> jQuery - Zunahme/Abnahme-Wert der Spanne </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.voidcc.com/question/p-ywdibecf-q.html" target="_blank" title="JLabel auf Änderungstext Ereignis"> JLabel auf Änderungstext Ereignis </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.voidcc.com/question/p-vekzrnuy-eq.html" target="_blank" title="Wie behandelt man den KeyError in Python?"> Wie behandelt man den KeyError in Python? </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.voidcc.com/question/p-ajwetfso-cz.html" target="_blank" title="DisplayNameFor Tag Änderungstext"> DisplayNameFor Tag Änderungstext </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.voidcc.com/question/p-nkxpsobc-bm.html" target="_blank" title="Wie wenige Spanne der untereinander"> Wie wenige Spanne der untereinander </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.voidcc.com/question/p-uyulwepl-ca.html" target="_blank" title="Wie behandelt man Ausnahmen?"> Wie behandelt man Ausnahmen? </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.voidcc.com/question/p-eivtrdcw-bk.html" target="_blank" title="jquery AddClass auf den Radio-Button geklickt Spanne"> jquery AddClass auf den Radio-Button geklickt Spanne </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.voidcc.com/question/p-cfegmpcp-u.html" target="_blank" title="Wie behandelt man $ null in der Pipeline"> Wie behandelt man $ null in der Pipeline </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://de.voidcc.com/contact">Sprechen Sie uns an</a></li> <li>© 2020 DE.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>