Question

我有这个

<div id=results">
    <article>
        <span class="sel">Text Here</span>
    </article>
    <article>
        <span class="sel">Text Here</span>
    </article>
    <article>
        <span class="sel">Text Here</span>
    </article>
</div>

得到一个jQuery知道我点击了“span”：

$("#results").on('click', 'article .sel', function() {
    var index = $(this).index("#results article .sel");
});

如果我想改变那个“跨度”课程，我该怎么做？

我想为每个“文章”做一个.each（）函数，但我不知道如何在.each（）函数中输入“span”。

可能有一种我不知道的简单方法。

谢谢大家。

Answer 1

只需使用removeClass()和addClass()（甚至toggleClass()）即可更改元素的类。

$(".sel").on("click", function()
{
    $(this).removeClass("sel").addClass("yournewclass");
});

Answer 2

点击的元素由this引用，所以

$("#results").on('click', 'article .sel', function() {
    var index = $(this).index("#results article .sel");
    //to change the class
    $(this).addClass('newclass');//or do something
});

里面.each（）函数jQuery

2 个答案: