jQuery为url添加一个元素

jQuery an element with for a url

本文关键字：一个 元素 url 添加 jQuery      更新时间：2023-09-26

我有3个div与data-image="1" data-image="2" data-image="3"。

我有变量$img_nubmer

我需要从元素data-image = $img_nubmer中获取div的背景图像url。

比如$url = $("'.img[data-image="+$img_number+"']").css("background-image")

我该怎么做呢?

我会试试

$img_number = 5;  // just an example
$url = $("img[data-image='"+$img_number+"']").css("background-image");  // grab the background property

对于一个完整的例子:

window.getURL = function() {
  $img_number = $('[type="number"]').val();
  $url = $("[data-image='" + $img_number + "']").css("background-image");
  $url = $url.replace('url(', '').replace(')', ''); // lose the extra details
  alert($url);
}
div.image {
  background-image: url('http://graph.facebook.com/205500370/picture?type=large');
  height: 150px;
  width: 150px;
}
div {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="image" data-image="5"></div>
<div>
  <input type="number" value="5" />
  <br>
  <button onclick="getURL()">Get Image URL</button>
</div>

您可以像这样将变量添加到选择器中:

var img_number = 1;
$('img[data-image="'+img_number+'"]');

查看Codepen示例

相关文章：