主页 / user-410379

Logos's questions

Martin Hope
Logos
Asked: 2022-06-17 04:44:12 +0000 UTC
  • 1

我最近开始学习 Alpine.js，发现可以将 x-data 中的所有数据输出到单独的函数中。我试图显示来自 Internet 的随机表单中的数据，但由于某种原因，它对我来说不起作用，出现了错误。

x-data="select({ data: { group1: "group1", group2: "group2", group3: "group3", group4: "group4"}, emptyOptionsMessage: "group not found", name: "group", placeholder: "select a group" })"
javascript
Martin Hope
Logos
Asked: 2021-10-17 02:13:23 +0000 UTC
  • 1

我有许多元素都有自己独特的类，当单击按钮时，每个元素都必须添加自己的独特类。

是否可以使数组中的元素编号在添加的类中重复？j 元素编号在 left-member-[ j ]-awake 中重复

下面我试图介绍我想做的事情。

let allSleepingMember = document.querySelectorAll('.left-member-1, .left-member-2, .left-member-3, .left-member-4');

button.addEventListener('click', function() {

        for (let j = 0; j < allSleepingMember; j++) {
            allSleepingMember[j].classList.toggle('left-member-'[j]'-awake');
        }
});
javascript
Martin Hope
Logos
Asked: 2020-10-09 23:05:10 +0000 UTC
  • 1

有一个由具有名称的元素组成的列表，当您单击任何元素时，它会移动到给定点并增加大小，然后信息会出现在其中。

对于实现，我在 JS 中使用委托，一切正常，但只有 1 个元素。其他元素上不显示任何信息，因为该类仅在具有 info 类的第一个子元素上发生更改。

（成员活动类负责与成员类一起移动和调整元素大小）

无论我多么努力，我都无法做到，当单击具有成员类的任何元素时，其子元素会将类信息更改为信息活动。

如何才能做到这一点？（最好没有jQuery）

members.addEventListener('click', function(event) {
  if (event.target.matches('.member')) {
    event.target.classList.toggle('member-active');
    info.classList.toggle('info-active');
    info.classList.toggle('info');
  }
});
<div class="members">

  <div class="member left-member-1">
    <p class="name">Имя</p>
    <p class="info">Информация</p>
  </div>

  <div class="member left-member-2">
    <p class="name">Имя</p>
    <p class="info info-left-2">Информация</p>
  </div>
  
</div>

javascript