Question

我有3个相同的HTML页面，相同的div和名称。在每个页面上，我通过从文本文件中读取特定值来使用jQuery更改div的内容。不幸的是，我有3个完全相同的jQuery文件，唯一的区别是它们从不同的文本文件中读取。我想要做的是拥有一个单独的jQuery文件和一个文本文件。但问题是jQuery总是会在每个页面上访问相同的文件。

HTML 1：

<div class="number"><p><span id="number1"></span> </p></div>
<div class="number"><p><span id="number2"></span> </p></div>
<div class="number"><p><span id="number3"></span> </p></div>
<div class="mean"><span id="mean1"></span></div>
<div class="mean"><span id="mean2"></span></div>
<div class="mean"><span id="mean3"></span></div>

HTML 2：

<div class="number"><p><span id="number1"></span> </p></div>
<div class="number"><p><span id="number2"></span> </p></div>
<div class="number"><p><span id="number3"></span> </p></div>
<div class="mean"><span id="mean1"></span></div>
<div class="mean"><span id="mean2"></span></div>
<div class="mean"><span id="mean3"></span></div>

HTML 3：

<div class="number"><p><span id="number1"></span> </p></div>
<div class="number"><p><span id="number2"></span> </p></div>
<div class="number"><p><span id="number3"></span> </p></div>
<div class="mean"><span id="mean1"></span></div>
<div class="mean"><span id="mean2"></span></div>
<div class="mean"><span id="mean3"></span></div>

所有三个页面完全相同，因此可以应用相同的jQuery = d。

jQuery的：

 $('#number1,#number2,#number3').text(function(i){
     return table[i][2];
    });

 $('#mean1,#mean2,#mean3').text(function(i){
     return table[i][3];
    });

文本文件：

1;1;20;3.6;0%;70%;25%;0%;5%;
1;2;80;4;45%;20%;20%;15%;0%;
1;3;80;4;40%;35%;5%;20%;0%;
2;1;20;3.6;0%;70%;25%;0%;5%;
2;2;80;4;45%;20%;20%;15%;0%;
2;3;80;4;40%;35%;5%;20%;0%;
3;1;20;3.6;0%;70%;25%;0%;5%;
3;2;80;4;45%;20%;20%;15%;0%;
3;3;80;4;40%;35%;5%;20%;0%;

所以，例如，我希望第一个HTML页面从前三行读取，第二行从接下来的三行读取。我不知道如何在文本文件中做一些分隔符，或者在使用前三行被删除之后。只是不知道如何实现它。

Answer 1

将Javascript代码包装在函数中，并在每个html文件中包含代码。使用每个html文件中的当前页码调用该函数

function setText(page){
  page = page - 1;
  $('#number1,#number2,#number3').text(function(i){
    return table[(page*3)+i][2];
  });
  $('#mean1,#mean2,#mean3').text(function(i){
    return table[(page*3)+i][3];
  });
}

//on page 1 line 1-3 is used
setText(1);
//on page 2 line 4-6 is used
setText(2);
//on page 3 line 7-9 is used
setText(3);

在我看来，仅使用一个HTML和JavaScript文件是不可能的，因为您需要以某种方式识别您当前所在的页面。删除行听起来不是一个好主意，因为那样你就会丢失数据。

jQuery根据显示的页面读取特定值

1 个答案: