如何使用jQuery选择生成的标题标签?

时间:2016-02-25 18:31:00

标签: javascript jquery svg drupal-7 raphael

我正在Drupal网站上创建一个SVG地图(Raphael),由于某些原因,我无法让jQuery影响SVG地图。我想使用<a>值作为锚来操纵title="skane"及其子(路径)。

一个奇怪的事情是,当在检查器中查看生成的Raphael代码时,它会显示title="skane",但是如果我将整个块复制到jsFiddle,我得到xlink:title="skane" - 那是什么?

在小提琴中,使用$("a[xlink\\:title=skane]").hide();似乎工作得很好但是当我尝试将其合并到我的脚本中时,即使在页面加载后很好地输入到控制台中也没有做任何事情。

如果我使用<a>定位所有$('a').hide();代码,则整个地图会按预期消失,那么如何仅<a>选择title="skane"

Link to jsFiddle example

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

您是否尝试过$("a[title='skane']").hide();

答案 1 :(得分:0)

我找到了这个解决方案。但是我不确定你是否需要它。

var parameters = document.getElementsByTagName("a");

for (var i = 0; i < parameters.length; i++) {
    var attribs = parameters[i].attributes;
    for (var j = 0; j < attribs.length; j++) {

        if (attribs[j].localName == "xlink:title" && attribs[j].value == "skane") {
            parameters[i].style.display='none';
        }
    }
}

希望它有助于