我对 jQuery 很陌生,我正在尝试找到最实用的方法来解决我的问题。目前我所拥有的作品,但我知道我可以简化它并使其更实用。我只是不知道该怎么做。
所以这是我的 jQuery ...
var hl1 = data.headlines[0,0].headline;
var hl2 = data.headlines[0,1].headline;
var hl3 = data.headlines[0,2].headline;
var hl4 = data.headlines[0,3].headline;
var hl5 = data.headlines[0,4].headline;
var hl6 = data.headlines[0,5].headline;
var hl7 = data.headlines[0,6].headline;
var hl8 = data.headlines[0,7].headline;
var hl9 = data.headlines[0,8].headline;
var hl10 = data.headlines[0,9].headline;
$('#headlines .title').eq(0).append(hl1);
$('#headlines .title').eq(1).append(hl2);
$('#headlines .title').eq(2).append(hl3);
$('#headlines .title').eq(3).append(hl4);
$('#headlines .title').eq(4).append(hl5);
$('#headlines .title').eq(5).append(hl6);
$('#headlines .title').eq(6).append(hl7);
$('#headlines .title').eq(7).append(hl8);
$('#headlines .title').eq(8).append(hl9);
$('#headlines .title').eq(9).append(hl10);
这是我的 HTML ......
<div id="headlines">
<h2 class="title"></h2>
<h2 class="title"></h2>
<h2 class="title"></h2>
<h2 class="title"></h2>
<h2 class="title"></h2>
<h2 class="title"></h2>
<h2 class="title"></h2>
<h2 class="title"></h2>
</div>
所以基本上我正在做的是通过 AJAX/JSON 提取一些数据并将其附加到这些 h2 标签中。这可以按照我想要的方式工作,但是我觉得可以将其压缩为一个功能,但是我不确定如何到达那里。任何示例或描述性帮助将不胜感激。谢谢..