Question

我很好奇是否有办法使用像

这样的东西

19.54

将修改切换为html元素，例如，通过按钮单击向最近的$(document).ready(function(){ $(".button").click(function(){ $().addremove();添加和删除类。

比如将<li>更改为<li>example</li>，如果有办法，有人可以告诉我离我有多远吗？

Answer 1

我做了fiddle

我使用toggleClass添加/删除了类。

$('#button').on('click',function(){
  $('li').toggleClass('abc');
});

Answer 2

$('#button').click(function() {
  $(this).closest('li').addClass('abc');
});

我认为这基本上就是你想做的事情。

Answer 3

没有toggleId（）类的东西。但是，我有两种方法可以做到。

方法1：

fname = sprintf('outblk1_%i.txt',step);
copyfile('outblk1', fname);

方法2：

$('button').click(function(){
 if($('your-div').attr('id')=='theID'){
   $('your-div').attr('id', '');
 }
 else{
  $('your-div').attr('id', 'theID');
 }
});

Answer 4

假设HTML：

<div id="button"> button
</div>
<li>example</li>

使用Javascript：

$("#button").click(function() { 
  // use next() to get & change li's class
  $(this).next().attr('class','abc');
  // or use selector directly to target element and modify its class
  $('some_selector').attr('class','abc');
});

对于附近的元素，请检查jQuery API next()或sliblings。

此外，selectors part of jQuery API非常有用。

Answer 5

您可以使用jQuery的addClass（）和removeClass（）方法来实现这一点。您也可以使用toggleClass（）为元素打开和关闭类。

请查看此fiddle。

我正在选择特定的<li>并删除指定的类并添加新的类，如下所示：

    $("#change").on('click', function(event) {
        $($("li")[0]).removeClass('bright').addClass('sober');
        $($("li")[1]).removeClass('sober').addClass('pale');
        $($("li")[2]).removeClass('pale').addClass('bright');
    });

感谢。

使用按钮单击以修改html元素

5 个答案: