javascript - 通过jQuery获取元素的背景

Question

我想在单击 LI 元素后提醒其背景，但脚本不起作用。可能是什么问题？

<li onclick="getVkPhotoUrl()" style="background-image: url(http://lorempixel.com/400/400/people)" class="block">
    </li>
<li onclick="getVkPhotoUrl()" style="background-image: url(http://lorempixel.com/400/400/food)" class="block">
    </li>
<li onclick="getVkPhotoUrl()" style="background-image: url(http://lorempixel.com/400/400/food)" class="block">
    </li>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
	function getVkPhotoUrl(){
		var bg = $(this).css('background-image');
        bg = bg.replace('url(','').replace(')','');
        alert(bg);
	}
</script>

Answer 1

将 onclick 更改为 onclick = yourMethodName(this) 并将函数更改为 yourMethodName(ctrl) 并在方法定义中使用 ctrl 而不是 此。

<li onclick="getVkPhotoUrl(this)" style="background-image: url(http://lorempixel.com/400/400/people)" class="block">
</li>
<li onclick="getVkPhotoUrl(this)" style="background-image: url(http://lorempixel.com/400/400/food)" class="block">
</li>
<li onclick="getVkPhotoUrl(this)" style="background-image: url(http://lorempixel.com/400/400/food)" class="block">
</li>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function getVkPhotoUrl(ctrl){
    var bg = $(ctrl).css('background-image');
    bg = bg.replace('url(','').replace(')','');
    alert(bg);
}
</script>