点击式 JQuery 选择器生成器？

Question

是否有任何插件或其他工具允许我指向网页上的元素并返回 jquery（或 css）选择器查询？

我正在寻找一些供非常非技术人员使用的东西，他们可以在其中“突出显示”页面项，然后获取适当的 jquery 语句来正确“导航”到该元素 - 有什么存在的东西吗？

Answer 1

这是您正在寻找的东西吗？

已更新，它可能不是最好的解决方案，但我很饿 ^__^ ：

var root = document.body;
var listen = function(element, evt, func){
    if(element.addEventListener)
        element.addEventListener(evt, func, false);
    else if(element.attachEvent)
        element.attachEvent('on'+evt, func);
};

var buildchain = function(element, chain){
    if(element == document.body){
        return true;
    }
    else if(element.id != ""){
        chain.push("#" + element.id);
        return true;
    }
    else if(element.className != "")
        chain.push("." + element.className);
    else
        chain.push("" + element.tagName);
    buildchain(element.parentNode, chain);
}

var buildstring = function(){
    var str = "$('" + chain[chain.length-1] + "')";
    for(var i = chain.length-2; i >= 0; i--){
        str += (".children('" + chain[i] + "')");
    }
    return str;
}
listen(root, 'click', function(evt){
    chain = [];
    buildchain(evt.target, chain);
    var s = buildstring();
    alert(s);
});