javascript - jQuery - 选择子 div 背景图像并修改它

标签 javascript jquery syntax portlet

我正在寻找一种使用 jQuery 更改 div 背景图像的方法,但只是修改它,而不是完全改变它。

让我解释一下。

我正在使用 http://jqueryui.com/demos/sortable/#portlets显示一些打开和关闭的 div。现在,当您单击 portlet header 时,它会打开和关闭下面的内容。

在 portlet header 内​​,我有一个子 div,它根据内容的当前状态显示一个箭头(向上或向下)。我需要一种通过在背景图片的 url 末尾添加“-visible”来更改此子 div 上的背景图片的方法。

我什至不知道从哪里开始做这件事,但我在下面添加了一些代码供您查看。

http://jsfiddle.net/45jZU/

从那里的 fiddle 开始,我需要更改 portlet header 内​​的 portlet-arrow div 的背景图像。我不能简单地一起更改背景图片,但我已将其简化以发布在此处。

我希望这不会太狭隘以至于对 stackoverflow 上的任何其他人都没有用。

谢谢

最佳答案

也许我在这里遗漏了一些东西,但是你不能对选定的 jQuery 对象使用 .css 属性修饰符吗?像这样的东西:

var current_background = $("#my-div").css("background-image");
$("#my-div").css("background-image", current_background + "-visible");

如果您希望自己修改类名,您可以尝试使用 .toggleClass().hasClass()。 jQuery 中的 addClass().removeClass() 方法。

我希望这对您有所帮助,但如果我完全错过了这里的标记,请告诉我!

关于javascript - jQuery - 选择子 div 背景图像并修改它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8923849/

相关文章:

javascript - Windows.onload 范围问题

javascript - 查找数组中的数字(两位数)

python - Python2.6语法错误

mysql - 如何在 MySQL 中自动增加 +1 特定行数

javascript - 带有函数参数的方法链接

javascript - 使用 Chartjs 问题在 donut 中间绘制饼图分段百分比

javascript - 将 Backbone 模型集合保存到本地存储并检索它

javascript - jquery ajax 改变样式表

jquery - .hide() 之后的 .show() 并不总是显示

javascript - 只允许小写字符