Question

我之前问过同样的问题 - jQuery - Selecting a child div background image and amending it。绝对有帮助，但我试图尽可能简化它到这个选择器。

我正在寻找一种方法来选择一个带有“portlet-arrow”类的子div，并获取当前的背景图像网址。

所以我需要的是这个。

点击id为“什么是crm head”的div我需要一个能够找到带有一类portlet箭头的子div的选择器，并获取当前的背景图像URL。

我最接近的是：

$( ".portlet-header" ).click(function() {
    var currValue = $(this).children(".portlet-arrow").css("background-image")
});

这是我目前的html

<div class="portlet" id="what-is-crm">
    <div class="portlet-header header-styling" id="what-is-crm-head">
        <div class="portlet-arrow red-arrow-visible"></div>
            What is CRM?
        </div>
        <div class="portlet-content">
        Mauris pretium vehicula suscipit. Donec tincidunt
        volutpat risus, non pulvinar nunc feugiat ac.
        <br />
        <br />
        <a href="#">View More</a>
    </div>
</div>

Answer 1

我认为你的问题是你在为“this”创建一个JQuery对象时缺少$ ...

var currValue = $(this).children(".portlet-arrow").css("background-image");

如果没有$符号，您将不会创建JQuery对象，因此子函数将不是有效的调用

Here is a working example

Answer 2

它应该有用。

http://jsfiddle.net/6WJEN/

$(document).ready(function(){
$( ".portlet-header" ).click(function() {
    var currValue = $(this).children(".portlet-arrow").css("background-image");
    alert(currValue);
});
});

jQuery - 选择器。选择子div并找到背景图像

2 个答案: