Используйте jquery, чтобы найти элементы, содержащие указанный c ID, и выделить их

Question

Я jquery / javascript noob, поэтому не совсем уверен, как go об этом. Я хочу изменить веб-сайт, который мне уже был предоставлен в моем браузере.

Есть несколько полей с левой стороны, а стрелки переходят от этих полей к другим окнам с правой стороны. Я пытаюсь использовать прослушиватель событий щелчка, чтобы щелкнуть поле слева, выделить его, а также выделить стрелку, связанную с этим полем.

Вот то, что у меня есть, и он помогает выделить левое поле. Я также хочу выделить все стрелки, содержащие этот идентификатор, поскольку может быть несколько стрелок, исходящих из поля.

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_of_lefthandbox), когда я нажимаю на коробка. Итак, используя этот идентификатор, я хотел бы затем найти стрелку (стрелки) на веб-странице, которая содержит этот идентификатор. Вот как выглядит путь:

<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>

Answer 1

Предполагая, что атрибут from-id содержит id левого окна, которое вы ищете, работает следующее:

 $("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);
 });