javascript - 使用 jquery 修改 HTML 元素

标签 javascript jquery html css

我正在尝试使用 jquery 在 <li> 中添加和删除一个类根据变量值 ( i ) 的元素。

这是我到目前为止所做的一个 jsfiddle http://jsfiddle.net/LX8yM/

单击“+”递增 i 1(我已经用 chrome 的 javascript 控制台检查过了)。

应该可以单击“+”和类 .active应该从 <li> 中删除并添加到相应的元素。

...我可以得到第一个<li>接受类的元素,仅此而已...

最佳答案

不需要 if 语句:

$(document).ready(function (){   
  $('#add').click(function (){
    $('.numbers .active').removeClass('active').next().addClass('active');
  });
});

jsfiddle

请注意,我向第一个列表项添加了一个“事件”类。如果您无法控制标记,您始终可以通过 JS 执行此操作。

关于javascript - 使用 jquery 修改 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17747070/

相关文章:

javascript - 如何检查 Flash 是否可以从 javascript 安装在浏览器中

javascript - 单击后退按钮时清除/清空表单数据

javascript - 在按键上使 javaScript(不是 JQuery!) "activate"成为 CSS 按钮 :active style

javascript - 如何使 jQuery click() 函数只运行一次

JavaScript 闭包和变量作用域

javascript - 如何调整 Grecaptcha v2 iframe 的大小

javascript - 如何创建 localStorage 方法

javascript - 为什么类 modal-side modal-top-right 不能在模态 Bootstrap 上工作?

javascript - innerWidth 在手机上没有得到正确的宽度

javascript - 如果对象离窗口边界太近,有没有办法移动 HTML 对象?