Question

我需要使变量i等于1,2,3,4。然后将其用作需要隐藏/显示的div名称的一部分。

这是否可以轻松实现？我一直在尝试循环，映射到数组等。任何帮助将不胜感激。

function listenForIconModalChange() {
  // var modalNumbers = [1, 2, 3, 4];
  // for (i = 0; i <= modalNumbers.length; i ++);

  $('div[data-index^="icons_icon_"' + i + '"_modal_img"]').hide();
  $('div[data-index^="icons_icon_"' + i + '"modal_img_adobe"]').hide();
  $('div[data-index^="icons_icon_"' + i + '"_modal_imga"]').hide();
  $('div[data-index^="icons_icon_"' + i + '"_modal_copy"]').hide();
  $('div[data-index="icons_icon_"' + i + '"_modal"]').show();

  enableIconModalDropdown = $('select[name="icons_icon_' + i + '"modal"]');

  var enableIconModal = enableIconModalDropdown.val();
  if (enableIconModal == 1) {
    $('div[data-index^="icons_icon_"' + i + '"_modal_img"]').show();
    $('div[data-index^="icons_icon_"' + i + '"modal_img_adobe"]').show();
    $('div[data-index^="icons_icon_"' + i + '"_modal_imga"]').show();
    $('div[data-index^="icons_icon_"' + i + '"_modal_copy"]').show();
  }

  enableIconModal1Dropdown.change(function() {
    $('div[data-index^="icons_icon_"' + i + ']').hide();
    $('div[data-index="icons_icon_"' + i + ']').show();

    var enableIconModal = enableIconModal1Dropdown.val();
    if (enableIconModal == 1) {
      $('div[data-index="icons_icon_"' + i + ']').show();
    }
  });
}

Answer 1

您可以使用ES6模板字符串，如下所示：

$(`div[data-index^="icons_icon_${i}_modal_img"]`);

或者，如果要保留语法，则必须删除一些引号：

$('div[data-index^="icons_icon_' + i + '_modal_img"]');

我可以映射数组并将变量转换为几个不同的值吗？

1 个答案: