如何在jquery中使用元素的标题作为id选择器?

时间:2012-04-03 13:18:23

标签: jquery onclick selector title

我想要做的是当我点击链接时,它会获取标题,然后使用它作为ID选择器来调用ID为#target的元素来显示。我已将链接的标题设置为如此,并且它应该以a为目标。我的猜测是数据类型不一样所以我不能直接使用标题作为ID选择器?请帮助或有更好的解决方案吗?

$("a").click(function(event){
        event.preventDefault();
        var target = $(this).attr("title");
        alert(target);
        $("article").fadeOut("slow", function(){
            //animation completed
            $(target).fadeIn("slow");   
        });
    });     

4 个答案:

答案 0 :(得分:2)

你能做的就是

$("#" + target).function()

所以你的代码将是

 //animation completed             
 $("#" + target).fadeIn("slow");  

根据jQuery文档"#"是id选择器,所以每当你尝试按其id访问元素时,你需要ot appedn"#"即你的代码将成为

$("#"+ youid) or $("#elementid")

答案 1 :(得分:1)

您只需将其与id连接即可成为实际的#选择器:

$("#" + target).fadeIn("slow");

您目前拥有的是查找标记名称与title属性匹配的元素。

答案 2 :(得分:1)

如果您的标题丢失,则#字符会改为

var target = "#" + $(this).attr("title");

并在使用

之前始终检查选择器是否为空
if ($(target).length) {
    /* target exists */
}

答案 3 :(得分:0)

$("[title='" + target +"']").fadeIn();