blocks|key|4350803|text|如果您希望获取按钮的内容，然后添加到按钮中，则需要执行以下操作。假设按钮如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4350804|<button+id="someButton">5</button>|code-block|syntax|javascript|4350805|你想把它加5，这样按钮就会显示10。|4350806|var+buttonText+=+parseInt($("#someButton").text())+%2B+5;+//results+in+10
$("#someButton").text(buttonText);|4350807|正如您所看到的，我使用了parseInt来确保数字是一个整数，这样您就可以对其执行加法。|offset|length|style|CODE|4350808|entityMap^0|0|0|0|0|C|8|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>If you're looking to get the contents of a button and then add to it, you need to do the following. Let's say the button is as follows:</p>

<pre><code>&lt;button id="someButton"&gt;5&lt;/button&gt;
</code></pre>

<p>You want to add 5 to it so the button says 10.</p>

<pre><code>var buttonText = parseInt($("#someButton").text()) + 5; //results in 10
$("#someButton").text(buttonText);
</code></pre>

<p>As you can see, I used <code>parseInt</code> to ensure the number was seen an integer so you could perform addition on it.</p>


blocks|key|4350864|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4350865|function+addText+()+{
++document.getElementById('paragraph').innerHTML+%2B=+$('#buttonID').val();
}|code-block|syntax|javascript|4350866|4350867|尝尝这个。将此%2B=分配给innerHTML，而不是重新分配。它是JavaScript/jQuery的混合体，我希望这没问题，但是还有一个纯jQuery方法，它使用了@Patrick+Evans提到的.append()方法。|offset|length|style|CODE|4350868|4350869|$(document).ready(function+()+{
++$('#paragraph').append($('#buttonID').val());
});|4350870|4350871|希望这能帮上忙。|4350872|entityMap^0|0|0|0|7|2|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@$J|Z|K|10|L|M]]|9|@]|A|$]]|$1|N|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|Q|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|14|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|U|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function addText () {
  document.getElementById('paragraph').innerHTML += $('#buttonID').val();
}</code></pre>
</div>
</div>
</p>

<p>Try this. This <code>+=</code> to the innerHTML as opposed to re-assigning. It is a JavaScript/jQuery hybrid, which I hope is okay, but there is also this pure jQuery method that uses the .append() method that @Patrick Evans mentioned.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
  $('#paragraph').append($('#buttonID').val());
});</code></pre>
</div>
</div>
</p>

<p>Hope this helped.</p>


blocks|key|4350897|text|如果您只想附加值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4350898|<button+class="display-value">5</button>

<button+id="plus">%2B</button>|code-block|syntax|javascript|4350899|现在，您可以在jQuery中执行此操作：|4350900|$('#plus').on('click'+,+()+=>+{
++++let+val+=+$('.display-value').text();
++++$('.display-value').text((val+%2B+val));
++++return+false;
});|4350901|如果你想执行一个数学运算，那么你必须使用parseInt。|offset|length|style|CODE|4350902|$('#plus').on('click'+,+()+=>+{
+++++let+val+=+parseInt($('.display-value').text());
+++++$('.display-value').text((val+%2B+val));
+++++return+false;
});|4350903|entityMap^0|0|0|0|0|K|8|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>If you're looking to just append values:</p>

<pre><code>&lt;button class="display-value"&gt;5&lt;/button&gt;

&lt;button id="plus"&gt;+&lt;/button&gt;
</code></pre>

<p>Now you can do this in jQuery:</p>

<pre><code>$('#plus').on('click' , () =&gt; {
    let val = $('.display-value').text();
    $('.display-value').text((val + val));
    return false;
});
</code></pre>

<p>If you're looking to perform a mathematical operation then, you will have to use <code>parseInt</code>. </p>

<pre><code>$('#plus').on('click' , () =&gt; {
     let val = parseInt($('.display-value').text());
     $('.display-value').text((val + val));
     return false;
});
</code></pre>


blocks|key|4350515|text|而不是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4350516|.text($(button).val());|code-block|syntax|javascript|4350517|您可以使用：|4350518|.text(+function+)：where函数返回要设置的文本内容。将元素在集合中的索引位置和旧文本值作为参数接收。|offset|length|4350519|举个例子：|4350520|​|4350521|$('#btn').on('click',+function(e)+{
++++var+val+=+$(this).val();
++++$('#txt').text(function(idx,+txt)+{
++++++++return+txt+%2B+val;
++++});
})|4350522|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<p+id="txt"></p>
<button+id="btn"+value="5">Click+Me</button>|4350523|4350524|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/text/#text-function^0|0|0|0|0|H|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|16|8|@]|9|@$K|17|L|18|1|19]]|A|$]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1B|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|U|3|P|5|6|7|1E|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12]]]]

<p>Instead of:</p>

<pre><code>.text($(button).val());
</code></pre>

<p>You may use:</p>

<p><a href="http://api.jquery.com/text/#text-function" rel="nofollow noreferrer">.text( function )</a>: where function returning the text content to set. Receives the index position of the element in the set and the old text value as arguments.</p>

<p>An example:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#btn').on('click', function(e) {
    var val = $(this).val();
    $('#txt').text(function(idx, txt) {
        return txt + val;
    });
})</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;


&lt;p id="txt"&gt;&lt;/p&gt;
&lt;button id="btn" value="5"&gt;Click Me&lt;/button&gt;</code></pre>
</div>
</div>
</p>


<p>I need to put value from button to text place.I do this .<br><code>text($(button).val());</code><br>
But it just replaces the text I need when I need just to <code>+</code> this value.Like value is <code>5</code> then then again <code>+ 5</code> so it will be <code>55</code>. </p>


Jquery analogue for html innerHTML + =

jQuery

我需要将值从按钮放到文本位置。我这样做。text($(button).val());但是它只是替换了我需要的文本，当我需要+的时候，这个value.Like的值是5，然后是+ 5，所以它将是55。

问用于html的Jquery模拟innerHTML +=
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于html的Jquery模拟innerHTML +=EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于html的Jquery模拟innerHTML +=
EN