如何仅通过前n个字母获取ID

Question

enter image description here

 <g id="test_model/sub1/line_uniq_id_2"> </g> <g id="test_model/sub1/line2_uniq_id_3"> </g> 

i want to extract ID by first n letters in this case after test_model/sub1/line_uniq_id_ there can be any number so how i can write that check only test_model/sub1/line_uniq_id because instead of _2 there can be any number.

means if i give test_model/sub1/line_uniq_id_ it will take it as test_model/sub1/line_uniq_id_anything (anything can be any number)in this case it is 2

if i give test_model/sub1/line2_uniq_id_ it will take it as test_model/sub1/line_uniq_id_anything (anything can be any number)in this case it is 3

Answer 1

You need JavaScript.

You can get a list of all IDs starting with test_model/sub1/line_uniq using document.querySelectorAll("[id^='test_model/sub1/line_uniq']")

but that will only find ONE of your <g> s since they have different /lineX/

This one will find both

 function getIds() { let tags = document.querySelectorAll("g"); let ids=[]; for (let tag of tags) { ids.push(tag.id.split("_").slice(0,-1).join("_")); // use (-1) to just get the number } return ids; } console.log(getIds()); 

 <g id="test_model/sub1/line_uniq_id_2"> </g> <g id="test_model/sub1/line2_uniq_id_3"> </g> 

Answer 2

If you are expecting a selector for which starts with test_model/sub1/line_uniq_id_ then here is the solution.

javascript selector

var abc = document.querySelectorAll('[id^="test_model/sub1/line_uniq_id_"]');

css selector

[id^="test_model/sub1/line_uniq_id_"]{
    //some css here
}