Javascript 突出显示锚点目标元素内的元素？

我目前正在使用以下内容来突出显示锚点的目标元素内的元素（div.box）（例如，第#帮助部分）。锚点用于滚动到“帮助”，但我只需要突出显示“帮助”中的div.box

}))

与css一起：

.highlightTarget {background:red}

目前，我的代码更改了“红色帮助”部分的背景。我做错了什么

---

非常感谢您的帮助。

您需要的是目标元素中的

.box

元素，因此您需要在目标元素中使用来查找

.box

元素

$("a").click(function () {
    $(".box").removeClass("highlightTarget");
    var clickedLink = this.href.split("#");
    if (clickedLink.length > 1) {
        $('#' + clickedLink[1]).find('.box').addClass("highlightTarget")
    }
});

---

好的，我需要添加或更改什么，以便当用户通过包含锚的URL访问页面时，高亮显示也发生在子元素上？i、 e.faq.php#helpBTW，

“#”+clickedLink[1]

与刚才的

一样。href

@Barmar我一定是做错了什么，因为它对我不起作用。

如果（myLocation）{$（'.\35;'+myLocation）。查找（'box'）.addClass（“highlightTarget”）}

$("a").click(function () {
    $(".box").removeClass("highlightTarget");
    var clickedLink = this.href.split("#");
    if (clickedLink.length > 1) {
        $('#' + clickedLink[1]).find('.box').addClass("highlightTarget")
    }
});

$(".box").removeClass("highlightTarget");
var myLocation = document.location.hash.replace("#","");
if (myLocation) {
    document.getElementById(myLocation).className = "highlightTarget";
}

$("a").click(function () {
    $(".box").removeClass("highlightTarget");
    var clickedLink = this.href.split("#");
    if (clickedLink.length > 1) {
        $('#' + clickedLink[1]).find('.box').addClass('highlightTarget');
    }
});