在for循环中获取span标记值不起作用?

时间:2018-06-08 16:03:49

标签: javascript jquery dom

拥有此代码:

HTML:

<div id="div-1">item1</div>
<div id="div-2">item2</div>
<div id="div-3">item3</div>

JS:

  for (var j=0; j < 2; j++){
    var item = $('#div-'+j).text();
    console.log(item);
    }

我需要能够根据他们的&#34; text&#34;来调节项目,但由于某种原因,循环的输出始终为空。

我知道如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

you are missing the # sign in the $('div-'+j), besides that, all your div have the same id.

for (var j = 1; j <= 3; j++) {
  var item = $('#div-' + j).text();
  console.log(item);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div-1">item1</div>
<div id="div-2">item2</div>
<div id="div-3">item3</div>

答案 1 :(得分:0)

现在您的编辑修复了ID,您应该只需要更改循环的数字以匹配

 for (var j=0; j < 2; j++){
var item = $('#div-'+j).text();
console.log(item);
}

应该成为

 for (var j=1; j < 4; j++){
var item = $('#div-'+j).text();
console.log(item);
}

以匹配您的1,2和2的div。 3