我正在寻找一种使用 jQuery 更改 div 背景图像的方法,但只是修改它,而不是完全改变它。
让我解释一下。
我正在使用 http://jqueryui.com/demos/sortable/#portlets显示一些打开和关闭的 div。现在,当您单击 portlet header 时,它会打开和关闭下面的内容。
在 portlet header 内,我有一个子 div,它根据内容的当前状态显示一个箭头(向上或向下)。我需要一种通过在背景图片的 url 末尾添加“-visible”来更改此子 div 上的背景图片的方法。
我什至不知道从哪里开始做这件事,但我在下面添加了一些代码供您查看。
从那里的 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/