gpt4 book ai didi

javascript - 替换多个 JQuery 选择器的源属性

转载 作者:行者123 更新时间:2023-12-02 18:23:49 25 4
gpt4 key购买 nike

我试图在单击按钮时获取它,所有按钮都被赋予“关闭”状态(src 为 btnCircuitxOff.gif),并且所选按钮被赋予“打开”状态(src 为 btnCircuitxOn)

也就是说,单击一个将取消选择其他按钮并选择其自身,这只是 ajax 查询另一端物理设备的视觉反馈,否则我会自己使用单选按钮。

到目前为止我已经,

HTML/CSS

<div id='controls'>
<input type="image" class = "Circuit _100" src="btnCircuit100Off.gif" onclick="selectCircuit('100');"/>
<input type="image" class = "Circuit _10K" src="btnCircuit10KOff.gif" onclick="selectCircuit('10K');"/>
<input type="image" class = "Circuit _100K" src="btnCircuit100KOff.gif" onclick="selectCircuit('100K');"/>
<input type="image" class = "Circuit _1M" src="btnCircuit1MOff.gif" onclick="selectCircuit('1M');"/>
<input type="image" class = "Circuit _10M" src="btnCircuit10MOff.gif" onclick="selectCircuit('10M');"/>
<input type="image" class = "reset" src="btnReset.gif" onclick="reset();"/>
</div>

Javascript

function selectCircuitButtons(s) 
{
$(".Circuit").attr("src",$(".Circuit").attr("src").replace("On","Off"));
$("._"+s).attr("src",$("._"+s).attr("src").replace("Off","On"));
}

这似乎几乎有效,除了一旦我单击某些内容,每个图像都会被替换为 btnCircuit100Off 而不是各自的 btnCircuitxOff 图像。

我几乎确定我几乎有了解决方案,但是如何存储每个选择器以在编辑 src 元素时使用?

我已经查看了 .each 和 $(this),但我是 JQuery 新手,在制定解决方案时遇到了麻烦。

也欢迎提出好标题的建议。

最佳答案

您需要读取每个元素的属性的当前值,而不是总是读取单个值。

为了帮助您实现这一点,jQuery 允许您传递回调:

$(".Circuit").attr("src",
function(elem, oldSrc) { return oldSrc.replace("On","Off"); }
);

关于javascript - 替换多个 JQuery 选择器的源属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18576924/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com