Javascript 动态更改jquery中的动态选择器值

我有一个这样的桌子结构

  <tr>
    <td class="pg4 monthlyP">Value1</td>
    <td class="pg4 monthlyP">Value2</td>
    <td class="pg4 monthlyP">Value3</td>
  </tr>

</table>

    document.getElementById("arm5yr11").innerHTML = v11;
    document.getElementById("arm5yr12").innerHTML = v12;
    document.getElementById("arm5yr21").innerHTML = v21;
    document.getElementById("arm5yr22").innerHTML = v22;
    document.getElementById("arm5yr31").innerHTML = v31;
    document.getElementById("arm5yr32").innerHTML = v32;

我正在这样做

    jQuery('.pg4.monthlyP:eq(1)').html('<span class="twoRatesARM">$<span id="arm5yr11">1,337.86</span> / $<span id="arm5yr12">1,360.28</span></span>');
    jQuery('.pg4.monthlyP:eq(2)').html('<span class="twoRatesARM">$<span id="arm5yr21">1,338.86</span> / $<span id="arm5yr22">1,361.28</span></span>');
    jQuery('.pg4.monthlyP:eq(3)').html('<span class="twoRatesARM">$<span id="arm5yr31">1,339.86</span> / $<span id="arm5yr32">1,362.28</span></span>');

问题是#2不起作用。

---

如何解决此问题？

您可以使用的一种方法是将API值放入数组中，然后您可以使用

.html（函数）

方法在一个步骤中动态创建所有内容，如下所示：

//Let's say
const v11 = 1, v12 = 2, v21 = 3, v22 = 4, v31 = 5, v32 = 6;

//We can put these values in an array:
const arr = [v11, v12, v21, v22, v31, v32];

//And create the span elements and populate them as follows:
$('td.pg4.monthlyP')
.html(i => `<span class="new">$<span>${arr[2*i]}</span> / $<span>${arr[2*i+1]}</span></span>`);

//比方说
常数v11=1，v12=2，v21=3，v22=4，v31=5，v32=6；
//我们可以将这些值放入一个数组中：
常量arr=[v11、v12、v21、v22、v31、v32]；
//并创建跨度元素，并按如下方式填充它们：
$（'td.pg4.monthlyP'）
.html（i=>`$${arr[2*i]}/$$${arr[2*i+1]}`）；

//比方说
常数v11=1，v12=2，v21=3，v22=4，v31=5，v32=6；
//我们可以将这些值放入一个数组中：
常量arr=[v11、v12、v21、v22、v31、v32]；
//并创建跨度元素，并按如下方式填充它们：
$（'td.pg4.monthlyP'）
.html（i=>`$${arr[2*i]}/$$${arr[2*i+1]}`）

价值1
价值2
价值3
控制台中出现了哪些错误？
uncaughttypeerror:v11.toFixed不是函数
v11.toFixed（2.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，”你能在出错前控制台.log（v11）吗？我想我搞错了。我已经在fetch API中的PROMITE response之后格式化了变量。因此，我得到了这个错误
toFixed不是一个函数
//Let's say
const v11 = 1, v12 = 2, v21 = 3, v22 = 4, v31 = 5, v32 = 6;

//We can put these values in an array:
const arr = [v11, v12, v21, v22, v31, v32];

//And create the span elements and populate them as follows:
$('td.pg4.monthlyP')
.html(i => `<span class="new">$<span>${arr[2*i]}</span> / $<span>${arr[2*i+1]}</span></span>`);