jquery - 单击按钮时的样式元素

Question

我有动态创建的元素和按钮，我想通过使用 jquery(我使用的是 AJAX)设置样式向用户展示正在发生的事情。每个元素如下所示:

<li class="items">
<div class="itemheading">
<div class="controls"> 
    <span class="votes">1</span>
    <form class="actions" method="POST">
        <input type="submit" class="button plus" value="+1" data-plus="123">
    </form>
    <form class="actions" method="POST">
        <input type="submit" class="button minus" value="-1" data-minus="123">
    </form>  
    <form class="actions" method="POST">
        <input type="submit" class="button delete" value="X" data-del="123">
    </form></div><span class="title">Item title</span>
</div>
<span class="infotext">Item Description</span>
</li>

单击按钮时，我希望更新元素的样式。例如，如果单击 +1 按钮，元素边框应逐渐变为绿色，然后在几秒钟内逐渐变回空白，以表明该元素已被投票。

目前我想到的是:

$(".plus").live('click', function() {
 $(this).css("background", "#fff");

虽然这不起作用。我以为我可以使用 $(this)引用被点击的按钮，因为我已经在使用它来获取按钮的数据标签值:

var plus = $(this).data('plus');

另一个问题是，即使它确实有效，它也会设置按钮边框的样式，我需要以某种方式设置 <div class="itemheading"> 的样式。 .我可以只说 .itemheading 元素的样式，但由于我将有多个元素与该类我需要找到另一种方法。也许有一种方法可以引用元素的父元素，然后我可以获得它的父元素？

谢谢。非常感谢任何帮助。

更新:这样人们就可以看到代码的作用。

$(".plus").live('click', function() {
 $(this).parents(".itemheading").css("background", "#000");
});​

Answer 1

这是一个工作示例，不确定这是否是您所指的，但是 class plus with class .itemheading 的父元素在单击 +1 按钮后将闪烁黑色。

示例 - http://jsfiddle.net/yZmrz/