时间戳

首页 > 解决方案 > 使用 jquery 查找包含特定 ID 的元素并突出显示它们

javascript - 使用 jquery 查找包含特定 ID 的元素并突出显示它们

问题描述

我是一个 jquery/javascript 菜鸟，所以不太确定该怎么做。我想修改一个已经在我的浏览器中提供给我的网站。

左侧有一些框，然后有箭头从这些框指向右侧的其他框。我正在尝试做的是使用单击事件侦听器单击左侧的框，将其突出显示，并突出显示与此框关联的箭头。

这是我到目前为止所拥有的，它可以突出显示左侧框。我还想做的是突出显示包含此 ID 的所有箭头，因为可以有多个箭头源自一个框。

javascript: document.designMode = "on"; document.designMode = "on"; 

$("div[example]").on('click', function(e) { 
    var t = $(this).attr('id'); 
    e.preventDefault();
    $(this).css('background-color', 'red');
    console.log(t);

});

当我单击该框时，我可以打印出正确的元素 ID（例如 ID_of_lefthandbox）。因此，使用此 ID，我想在包含此 ID 的网页上找到箭头。这是路径的样子：

<path to-id="12345" approved="true" id="43210" from-id="ID_of_lefthandbox" stroke-width="2" fill="" d="M5,193 53,261" stroke="DarkGreen" stroke-linecap="round" marker-end="url(#markGreenArrow)"></path>

标签： javascripthtmljquery

解决方案

假设该属性from-id包含id您要查找的 lefthandbox 的，以下工作：

 $("div[example]").on('click', function(e) { 
    var t = $(this).attr('id'); 
    e.preventDefault();
    $(this).css('background-color', 'red');
    $("path[from-id='" + t + "']").css("background-color", "red");
    console.log(t);
 });

推荐阅读