JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div id="bg"></div>
CSS
html,
body {
width: 100%;
height: 100%;
}
#bg {
background-image: url("http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg");
width: 100%;
height: 100%;
}
JavaScript
var image_url = $('#bg').css('background-image');
console.log(image_url);
// url("http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg")
var css_url = 'url(http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg)';
image_url === css_url ?
console.log(true) :
console.log(false);
// image_url !== image_url
// POSIBLE SOLUTIONS:
// ADD " " on URL
var css_url = 'url("http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg")';
// REMOVE URL()
// BASED ON
var image_url_replace = image_url.replace(/(?:^url\(["']?|["']?\)$)/g, "");
console.log(image_url_replace);
// http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg
var ordinal_url = "http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg";
image_url_replace === ordinal_url ?
console.log(true) :
console.log(false);
// http://pacificolife.com/wp-content/uploads/2016/08/bw1-1.jpg