jQuery：如何处理跨度的更改文本

我正在使用jQuery，我想在span（称为span1 ）中显示一些计算，并且当span1文本发生变化时，它会对其值进行计算并显示在其他跨度（称为`span2，span3，…）中。 我如何处理跨度的文本更改？

谢谢

Answer 1

您可以使用更改span1文本的function来更改其他文本。

作为一个解决方法，如果你真的想要它有一个change事件，那么不要让文本跨度为1.而是在jQuery中设置一个inputvariables，为它写一个变化事件，以及是否改变span1的文本。 。改为改变你的inputvariables的值，从而触发更改事件，如下所示：

 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); }); }); 

虽然我真的觉得这个“解决方法”虽然在创build一个简单的变更事件的某些方面很有用，但却是过度扩展的，而且您最好在更改span1的同时对其他跨度进行更改。

Answer 2

跨度默认没有“更改”事件。 但是你可以手动添加这个事件。

聆听span的变化事件。

 $("#span1").on('change',function(){ //Do calculation and change value of other span2,span3 here $("#span2").text('calculated value'); }); 

无论你在span1中更改文本。 手动触发更改事件。

 $("#span1").text('test').trigger('change');