简体   繁体   English

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

[英]Apply value from jQuery each loop to each even list item

The loop below iterates over a JS object { a: 'valueA', b: 'valueB' } : 下面的循环遍历JS对象{ a: 'valueA', b: 'valueB' }

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

});

I am trying to apply each value to each even list item like so: 我试图将每个值应用于每个偶数列表项,如下所示:

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

How would I achieve this? 我将如何实现?

$('li:even') should do the job! $('li:even')应该做的! (Answers the original title question: " Apply value from jQuery each loop to every even list item ") (回答原始标题问题:“ 将jQuery每个循环的值应用于每个偶数列表项 ”)


EDIT: what the OP was actually asking for is to iterte over the object using each and assign parameters to even elements sequentially 编辑: OP实际要求的是使用每个对象遍历对象,并按顺序将参数分配给偶数元素

 $.each(xhr, function (key, value) { $('li:nth-child(2n+1)')... }); 

NB You may want to add some specificity to the jQuery selector lest you be applying your actions to all instances of <li> elements on the page 注意:您可能希望为jQuery选择器添加一些特殊性,以免将操作应用于页面上所有<li>元素的实例

Sorry I misread your question, here is what I believe youre asking for 对不起,我读错了你的问题,这是我相信你要的

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

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

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM