使用jquery从内联css获取后台url
我正在尝试获取背景图像：url('XXX')；
这就是我获取所有内联css的方法
有人能帮我只得到背景图像的url吗。谢谢
null
$('.c-image').click(function() {
var x = $('.colored').attr('style');
console.log(x)
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="c-image">
<span class="c-background">Outer Span
<span class="colored" style= "background-size: 100%; background-repeat: no-repeat; background-image: url('0963870.jpg'); ">Inner Span</span>
</span>
</div>null
共有1个答案
若要获取不带引号的url地址，请使用css()方法和replace()方法。
null
$(".colored").click(function () {
let cleanUrl = $(this).css("background-image").replace('url("', "").replace('")', "");
console.log(cleanUrl);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="c-image">
<span class="c-background">
Outer Span
<span class="colored" style="background-size: 100%; background-repeat: no-repeat; background-image: url(0963870jpg);">Inner Span</span>
</span>
</div>-
问题内容： 这是使用jQuery获取一个CSS属性的方法： 您如何全部获得？（无需指定，最好采用以下格式，以便以后可以在jQuery中重新应用）： 谢谢！！ 编辑 我尝试获取的方法在样式表中声明（它们不是内联的）。抱歉，未指定。 问题答案： 使用jQuery属性选择器查看此实时示例
-
问题内容： 如果样式所引用的元素尚未生成，是否可以从页面的外部CSS获取值？（该元素将动态生成）。 我见过的jQuery方法是，但这依赖于页面上。有没有办法找出CSS中属性设置为什么，而不是元素的计算样式？ 我是否需要做一些丑陋的事情，例如在页面上添加元素的隐藏副本，以便可以访问其样式属性？ 问题答案： 使用jQuery： 直接使用DOM： 注意： 在这两种情况下，如果要加载外部样式表，都将等待它
-
问题内容： 我有这样的事情： 我正在使用beautifulsoup解析html。有没有办法拉出“背景” css属性中的“ URL”？ 问题答案： 您有两种选择-快速，肮脏或正确的方法。快速而肮脏的方式（如果更改标记，则很容易中断）看起来像 显然，您必须使用它才能使其与多个标签一起使用。 正确的方法是，建议有人在CSS字符串上使用正则表达式:)会很糟糕，因此使用CSS解析器。cssutils是我刚刚
-
问题内容： 我有一个XML文档，其中包含具有格式正确的HTML内容的标签。我需要使用JavaScript将HTML导入页面。但是，由于CMS问题，HTML不能使用<！[CDATA []]>或其他任何符号进行转义，并且<>必须存在，而不是编码为＆lt;。＆gt; 我使用jQuery来获取XML，并将子菜单放入数组中。我可以通过以下方式获取文字： 但是，这仅返回“ Hello World Lorem
-
有没有办法使用jQuery获得aria-label的值？ 我有这个功能 如果我想从下拉列表中获取,则该操作有效： 但当预期输出为时，此为我返回
-
本文向大家介绍jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表，包括了jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表的使用技巧和注意事项，需要的朋友参考一下 对于问题从后台获取json数据，将内容填充到下拉列表，代码非常简单，具体过程请看下面代码。 需求：url:链接 par：ID sel：下拉列表选择器 //获取下拉列表