Question

HTML：

<div class="result">
    <div class="bigCover">
        <a href="http://oreilly.com/catalog/0636920018001/">
            <img src= "img/cat_noCover.gif" alt= "HTML5: The Missing Manual, First Edition" class="book">
        </a>
    </div>
    <div class="cover">
        <img src="img/bkt_noCover.gif" class="book">
    </div>
</div>

当我点击图像时，我想将选择的类添加到具有类结果的div中。但是我无法使用jQuery来使用它。

在尝试了一些事情后，我现在把它作为jQuery代码。

$("img").click(function() 
{
    $(this).parent().addClass( "selected" );
});

它在document.ready

上工作/启动

Answer 1

试试这个：

$("img").click(function() //$("img .book").click(function() more accurate selector
{
    $('.result').addClass("selected");
});

如果您有多个带有result类的元素，那么您可以使用以下方法更准确地定位它：

$("img").click(function() //$("img .book").click(function() more accurate selector
{
    $(this).parent().prev('.result').addClass( "selected" );
});

Answer 2

试试这个：

$(this).parent().prev().addClass( "selected" );

<强> Working Demo

jQuery：如何在图像点击上添加“选定”的div类？

2 个答案: