2012-11-21 44 views
1

我想添加一些旧的浏览器支持我的库文件garlicjs.org如何实现IE8等效的node.localName <=?

我发现我的主要功能getPath一个依赖于localName即上IE8 <不受支持=

在这种功能,我需要获取唯一标识符字符串用于通过我的LIB绑定每个DOM元素,更重要的是,不依赖于ID,类别或名称。

我可以管理:为旧的IE浏览器支持这个属性,或者使用所有浏览器支持的另一个属性,可以管理这个属性,它具有与此功能相同的效果。

谢谢!

下面是代码:

/* retuns an unique identifier for form elements, depending on their behaviors: 
    * radio buttons: domain > pathname > form.<attr.name>[:eq(x)] > input.<attr.name> 
     no eq(); must be all stored under the same field name inside the same form 

    * checkbokes: domain > pathname > form.<attr.name>[:eq(x)] > [fieldset, div, span..] > input.<attr.name>[:eq(y)] 
     cuz' they have the same name, must detect their exact position in the form. detect the exact hierarchy in DOM elements 

    * other inputs: domain > pathname > form.<attr.name>[:eq(x)] > input.<attr.name>[:eq(y)] 
     we just need the element name/eq() inside a given form 
*/ 
, getPath: function() { 

    // Requires one element. 
    if (this.$element.length != 1) { 
    return false; 
    } 

    var path = '' 
    , fullPath = this.$element.is('input[type=checkbox]') 
    , node = this.$element; 

    while (node.length) { 
    var realNode = node[0] 
     , name = realNode.localName; 

    if (!name) { 
     break; 
    } 

    name = name.toLowerCase(); 

    var parent = node.parent() 
     , siblings = parent.children(name); 

    // don't need to pollute path with select, fieldsets, divs and other noisy elements, 
    // exept for checkboxes that need exact path, cuz have same name and sometimes same eq()! 
    if (!$(realNode).is('form, input, select, textarea') && !fullPath) { 
     node = parent; 
     continue; 
    } 

    // set input type as name + name attr if exists 
    name += $(realNode).attr('name') ? '.' + $(realNode).attr('name') : ''; 

    // if has sibilings, get eq(), exept for radio buttons 
    if (siblings.length > 1 && !$(realNode).is('input[type=radio]')) { 
     name += ':eq(' + siblings.index(realNode) + ')'; 
    } 

    path = name + (path ? '>' + path : ''); 

    // break once we came up to form:eq(x), no need to go further 
    if ('form' == realNode.localName) { 
     break; 
    } 

    node = parent; 
    } 

    return 'garlic:' + document.domain + (this.options.domain ? '*' : window.location.pathname) + '>' + path; 
} 

回答

0

好吧,我用nodeName属性,而不是和它的工作。

相关问题