jquery - 使用 jquery 删除 url 字符串

Question

基本我知道，但是如何/如何使用 jquery 删除 url 字符串？

例如，您使用attr将图像的 url 字符串归因于一个名为#picbox 的 div，您将如何删除第一个 url 字符串（例如点击功能），然后将第二个 url 字符串重新归因于该 div？

var urlString1 = "images/1.jpg";
var urlString2 = "images/2.jpg";

$("#picbox").attr('src', urlString1);

$("#changeString").click(function(){
  // remove urlString1 then replace with urlString2
});

Answer 1

无需删除它。设置一个新的src将自动删除旧的：

$("#picbox").attr('src', urlString1);

$("#changeString").click(function(){
    $("#picbox").attr('src', urlString2);
});

---

为了获得更好的性能，您应该缓存该选择器：

$img = $("#picbox").attr('src', urlString1);

$("#changeString").click(function(){
     $img.attr('src', urlString2);
});

Answer 2

目前尚不清楚您要实现什么目标，并且代码的第三行存在错误。

$("#picbox").attr(urlString1); // tries to read attribute named "images/1.jpg" of #picbox

我假设你想要这样的东西：

$("#picbox").attr("data-url", urlString1); // stores value "images/1.jpg" in "data-url" attribute

$("#changeString").click(function(event) {
    $("#picbox").attr("data-url", urlString2); // replace previous value with new
});

您可以将属性名称“data-url”替换为适合您情况的名称。此外，如果您继续使用数据属性，您可以使用：

$("#picbox").data("url", urlString1);

达到与 .attr() 相同的效果

Answer 3

var urlString1 = "images/1.jpg";
var urlString2 = "images/2.jpg";

$("#picbox").attr("src",urlString1);

$("#changeString").click(function(){
  // remove urlString1 then replace with urlString2
  $("#picbox").attr("src",urlString2);
});