javascript - 如何获取偶数数组索引并更改其背景颜色

Question

现在我想编写一个函数来获取偶数数组索引并动态更改其背景颜色

就像上面显示的图像一样，我想选择列表项并更改其背景图像。

Answer 1

您可以使用数组的奇偶索引来实现此目的。

在 JavaScript 中，您可以使用以下代码来实现。

$('.js-toprow').each(function(index) {
    if (index % 2 === 0) { // Even
      $(this).css('background', '#ddd');
    } else { // Odd
      $(this).css('background', '#ff0000');
    }        
});

在Android中，您可以使用以下代码来实现。

@Override
public View getView(int position, View convertView, ViewGroup parent) {  
    View view = super.getView(position, convertView, parent);  
    if (position % 2 == 1) {
        view.setBackgroundColor(Color.BLUE);  
    } else {
        view.setBackgroundColor(Color.CYAN);  
    }
    return view;  
}

在React-Native中，您可以使用以下代码来实现。

renderRow(rowData, sectionID, rowID) {

   let style = [
         styles.row, 
         {'backgroundColor': colors[rowID % colors.length]}
       ];

   return (<View style={style}/>);
 }

 let colors = ['#123456', '#654321', '#fdecba', '#abcdef'];

 let styles = StyleSheet.create({
       row: {
            // .. rows style
       }
 });

或

(Provided Array).map((array, index) => {
        return (
            <View style={{ backgroundColor: (index % 2 == 0) ? '#ecf0f1' : '#fff' }}>
                <Text>{array.key}</Text>
            </View>
        )
    })