Jquery 删除图像src的一部分

使用jQuery，我创建了一个简单的lightbox，它在单击缩略图时加载图像

我试图通过将缩略图src存储为一个变量来加载主图库图像，从而使lightbox正常工作。但是，该变量需要删除src中的“/thumbs”部分才能找到较大的库图像

对于这个问题，我已经给出了很多不同的答案，但我试图模仿的结果似乎都不起作用

我已经做到了这一点：

$("#attractions-dave li a").live("click", function showAttraction(e){

 var example = $(this).children('img').attr('src', $(this).children('img').attr('src').replace('/thumbs',''));      

});

作为参考，关联的html为：

<ul id="attractions-dave">
 <li>
  <a href="../attractions/attractions.php">
   <img src="../images/photos/bouncy-castles/thumbs/happyclown.jpg" alt="happy clown castle" />
  </a>
 </li>
</ul>

到目前为止，代码没有向元素添加任何背景css

我没有收到此代码的任何错误，但很明显，变量（修改后的缩略图src）未被识别

---

如果有人能看出我的错误所在，我们将不胜感激。

我认为您需要防止违约行为：

---

我认为您需要防止违约行为：

---

示例

在代码中是一个jQuery对象。您需要执行以下操作：

var example = $(this).children('img').attr('src').replace('/thumbs','');

---

示例

在代码中是一个jQuery对象。您需要执行以下操作：

var example = $(this).children('img').attr('src').replace('/thumbs','');

---

您使用的jquery版本是什么

live

不再有效，因为v1.9当前使用1.7.1。请详细说明您的目标。一旦你得到了没有“/拇指”的“新”src-你想用大的替换拇指图像吗？或者你想把这个新的src传递给其他函数吗？对不起，是的，我刚刚对你的答案做了进一步的澄清。一旦我得到了变量，我就用它来设置背景图像。我将用代码更新问题。那么，什么是

$（“#示例”）

？您使用的是什么jquery版本

live

不再有效，因为v1.9当前使用1.7.1。请详细说明您的目标。一旦你得到了没有“/拇指”的“新”src-你想用大的替换拇指图像吗？或者你想把这个新的src传递给其他函数吗？对不起，是的，我刚刚对你的答案做了进一步的澄清。一旦我得到了变量，我就用它来设置背景图像。我将用代码更新这个问题。那么，

$（“#示例”）

是什么呢？恐怕我没有成功。知道我正在使用变量使用以下代码设置背景图像会有帮助吗：$（'#example'）.css（'background-image'，'url（'+example+'））；如果您也提供一个包含相关HTML代码的JSFIDLE

$（“#example”）.css（'background-image'，'url（'+example+'））测试他们烤熟了，非常感谢你的帮助（我也几乎完成了小提琴），但大卫成功了。不过谢谢你的时间。我肯定会在将来的默认情况下加入小提琴。如果你觉得我浪费了你的时间，很抱歉，但是再次感谢你的帮助。我恐怕我这方面没有成功。知道我正在使用变量使用以下代码设置背景图像会有帮助吗：$（'#example'）.css（'background-image'，'url（'+example+'））；如果您也提供一个包含相关HTML代码的JSFIDLE
$（“#example”）.css（'background-image'，'url（'+example+'））测试他们烤熟了，非常感谢你的帮助（我也几乎完成了小提琴），但大卫成功了。不过谢谢你的时间。我肯定会在将来的默认情况下加入小提琴。如果你觉得我浪费了你的时间，很抱歉，但是再次感谢你的帮助。
var example = $(this).children('img').attr('src').replace('/thumbs','');