【问题标题】:Function inside append methodappend 方法中的函数
【发布时间】:2018-12-06 11:13:36
【问题描述】:

我想知道是否可以在 jQuery 中,在 .append() 函数中添加条件

$.each(result, function (i, item) {
  $('.body-recap').append('<div class="recap event-name b-primary row">\n' +
  // some condition

and 在and,在append里面,检查是否item['value'] === null,所以这样做或者那样做。

如果它不在 append 函数中,我不知道该怎么做, 因为我需要检查一个精确的item['value'],如果我在 append 函数之后尝试这样做,它只会替换第一个元素,但我不知道哪个元素会有这个值,所以我没有其他选择追加内的条件。

【问题讨论】:

  • 将条件放在 append() 之外,并使用它来设置字符串变量的值。然后将该变量连接到append() 中的字符串

标签: jquery function append conditional-statements


【解决方案1】:

您可以在.append() 中包含一个函数。但是,如果您只是想在 $.each 函数中检查 item['value'] 以确定应该做什么,为什么不直接执行以下操作来根据项目值更改附加的 div 内容?

$.each(result, function(i, item) {
  var newDiv = '<div class="classnames">'; 
  if(item['value']) {
    newDiv += 'text if item value is truthy</div>';
  }else{
    newDiv += 'text if item value is falsy</div>';
  }
  $('.body-recap').append(newDiv);
});

【讨论】:

  • 各位回复的坦克
猜你喜欢
  • 2021-01-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-11
  • 1970-01-01
  • 2011-08-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多