Jquery ui jQuery不透明性不工作

我尝试在单击红色按钮后更改图像的不透明度 而不是添加不同的图像，我不应该看到新图像上的红色按钮

下面是我的JS代码

$（文档）.ready（函数（）{
$（“.specialhover”）.hover（函数（）{
//警惕（“我在这里”）；
$（“.cta”）.css（“可见性”、“可见”）；
},
函数（）{
$（“.cta”）.css（“可见性”、“隐藏”）；
});
$（“.CTA”）。单击（函数（e）{
警报（“点击”）；
e、 预防默认值（）；
//$（this）.closest（'.specialHoverOne'）.unbind（'mouseenter'）.end（）.parent（）.sides（'a'）.children（'img'）.attr（'src'），//”http://imgs.zinio.com/magimages/62898189/2012/416242497_200.jpg");                
$（this.css）({
“不透明度”：50
});
});
});

您想在单击时更改红色按钮的不透明度吗？还是上面的图像？首先，要设置不透明度，您需要更改线条：

$(this).css({'opacity':50});

致：

在当前的小提琴中，您将看到设置红色按钮不透明度的选项。如果您想让它设置其他内容，现在就有了语法

更新： 与其连接一堆重复相同代码的.click（）事件，不如创建一个函数

function setThisOpacity(id) {
    $("#" + id).css({ opacity: 0.5 });
    //do other stuff if you need to
}

---

然后在html标记中，只需添加一个

onclick=“setThisOpacity（someID）；”

其中

someID

是要设置不透明度的项目的实际ID。

我会花一些时间清理这里的编码，查找任何内容都有点困难，结构也有点难以遵循

如果我理解正确，我相信这是一条线，当点击红色按钮时，你需要使红色按钮上方的图像改变不透明度

$(this).parent().prev().prev().css({'opacity':.5});

更具体地说

$(".ctaSpecialOne").click(function (e) {
  e.preventDefault();            
  $(this).parent().prev().prev().css({'opacity':.5});
});

---

@ethom10:谢谢你的回复，我想更改屏幕的不透明度image@ethom：感谢您的回复，但我无法看到我为DOM遍历添加了id和js+1的更改。更需要清理代码并传入需要不透明度的ID。@道格拉斯：谢谢你的回复，我正在尝试接收这种不透明度@douglas：我们可以在添加图像后将红色按钮完全隐藏起来吗？因为在我鼠标悬停后，我再次看到红色按钮，你可以添加

$（this）.remove（）在不透明度更改后完全删除红色链接。我想这就是你想要的？@DouglasA.Crosby:谢谢你的工作，但我还有一个疑问，我正在尝试接收这种不透明度文档。google.com/open？id=0B5pgxrT9wSU7bUx0Ql9sOVFzb0E，当前图像上有一个方框图像如何分割它
$(this).parent().prev().prev().css({'opacity':.5});

$(".ctaSpecialOne").click(function (e) {
  e.preventDefault();            
  $(this).parent().prev().prev().css({'opacity':.5});
});