Javascript 传递要在整个函数中重用的动态id

我有一组具有唯一id的

元素（#一个上下文、#两个上下文、#三个上下文）。当鼠标悬停在每个

元素上时，我想显示相应的div元素（以“scale-”开头，以“one”、“two”或“three”结尾）

是否可以编写简单而简短的代码，以便在悬停每个元素时，

p

元素的通配符（？“一”、“二”或“三”）在遍历组时被存储？以下是我目前所在的位置：

$("p[id$='-context']").mouseover(function() {
  $("div[id^='scale']").addClass("active-badge");
}).mouseout(function() {
  $("div[id^='scale-']").removeClass("active-badge");
});


<div id="scale-one">1</div>
<div id="scale-two">2</div>
<div id="scale-three">3</div>

<p id="one-context">Context 1</p>
<p id="two-context">Context 2</p>
<p id="three-context">Context 3</p>

$（[p[id$='-context']）。鼠标悬停（函数（）{
$（“div[id^='scale']）。addClass（“活动徽章”）；
}).mouseout（函数（）{
$（“div[id^='scale-']）；
});
1.
2.
3.
上下文1

上下文2

上下文3

因此，它本质上是在保存“一”、“二”和“三”的值

---

谢谢大家。

试试这个例子。在

mouseover

函数

中，此

是一个悬停节点。您获得它的id，切断

“-context”

部分，并获得选择器，如

“div[id='scale-one']”

$（[p[id$='-context']）。鼠标悬停（函数（）{
$（“div[id='scale-”+$（this.attr（“id”）.replace（“-context”，“）+”]））
.addClass（“活动徽章”）；
}).mouseout（函数（）{
$（“div[id='scale-”+$（this.attr（“id”）.replace（“-context”，“）+”]））
.removeClass（“活动徽章”）；
});
。活动徽章{
颜色：橙色；
}

1.
2.
3.
上下文1

上下文2

context 3
这是一位经过认证的美女！非常感谢你。对了，如果你认为我已经回答了你的问题，请接受我的回答。非常感谢。