Question

下面的循环遍历JS对象{ a: 'valueA', b: 'valueB' }：

$.each(xhr, function (key, value) {

});

我正在尝试将每个值应用于每个偶数列表项，如下所示：

<ul>
  <li>Description 1</li>
  <li>ValueA</li><!-- Value A from object -->
  <li>Description 2</li>
  <li>ValueB</li><!-- Value B from object -->
</ul>

我将如何实现这一目标？

Answer 1

$('li:even')应该做的工作！（回答原始标题问题：“从jQuery每个循环应用值到每个偶数列表项”）

编辑： OP实际要求的是使用每个对象迭代对象并按顺序为偶数元素分配参数
$.each(xhr, function (key, value) {
  $('li:nth-child(2n+1)')...
});

N.B。您可能希望为jQuery选择器添加一些特异性，以免将操作应用于页面上<li>个元素的所有实例

Answer 2

抱歉，我误解了你的问题，这就是我相信你的要求

var xhr = { a: 'valueA', b: 'valueB'}
var index = 1;

$.each(xhr, function (key, value) {
  $('ul li:eq(' + index + ')').html(value);
  index = index + 2; 
});

示例：https://jsfiddle.net/32xdjwry/

将每个循环的jQuery值应用于每个偶数列表项

2 个答案: