Question

我确定这是一个简单的问题，但我无法弄明白。

我基本上有一个带数字的div，＆＃39; div-1＆＃39;例如，每次点击另一个div时需要+1。例如＆＃39; DIV-2＆＃39; ＆＃39; DIV-3＆＃39;等。

Answer 1

当您说带有数字的div时，它应该在id属性上。

<div class="your_div_selector" id="div-1">

所以，在你的javascript中，使用jquery，当点击另一个div时，只需这样做：

var div_id = $('.your_div_selector').attr("id")
var new_id = 1 + parseInt(div_id.split("-").pop());

Answer 2

根据您所描述的内容，您看起来有一个HTML div，它以div-1类开头。每次单击div时，您都希望div-n类替换为div-(n+1)类。

使用onclick侦听器可以轻松完成此操作。

<div id="mydiv" class="div-1"></div>
<script>
var mydiv = document.getElementById('mydiv');
mydiv.currentClass = 1;

mydiv.addEventListener('click', function() {
  mydiv.classList.remove('div-' + mydiv.currentClass);
  mydiv.classList.add('div-' + (++mydiv.currentClass));
});
</script>

请注意，应该有更好的解决方案，具体取决于您的具体问题。

Answer 3

<div class="yourDivClass" id="myDiv"></div> <button id="incriment" onclick="incrementDivClass()">Click</button>

function incrementDivClass()
{  
    var divIncriment = ($('.yourDivClass').length);    
    $('#myDiv').append('<div class="yourDivClass" id="div-'+divIncriment+'">div-'+divIncriment+'</div>') 
}

Demo

单击时将div类增加+1

3 个答案: