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

发布于 2024-12-27 20:04:23 字数 1089 浏览 0 评论 0原文

我之前问过同样的问题 - jQuery - 选择子 div 背景图像并修改它。绝对有帮助，但如果可能的话，我试图将其简化为这个选择器。

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

所以我需要的是这个。

单击 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>

原文

Question i asked earlier along the same lines - jQuery - Selecting a child div background image and amending it. Definitely helped but im trying to simplify it down to this selector if possible.

Im looking for a way to select a child div with a class of "portlet-arrow" and get the current background-image url.

So what i need is this.

On click of the div with id "what is crm head" i need a selector that can find the child div with a class of portlet arrow and get the current background image url.

The closest i have got is this:

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

Here is my current 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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月隐月明月朦胧 2025-01-03 20:04:23

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

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

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

这是一个工作示例

I think your problem is you are missing the $ when creating a JQuery object for "this"...

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

Without the $ sign you will not create a JQuery object, and thus the children function will not be a valid call

Here is a working example

回复收藏 0 原文

红墙和绿瓦 2025-01-03 20:04:23

它应该有效。

http://jsfiddle.net/6WJEN/

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

It should work.

http://jsfiddle.net/6WJEN/

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

回复收藏 0 原文

~没有更多了~