在javascript中选择element by和classname

时间:2010-10-08 04:08:05

标签: javascript jquery html dom traversal

我有一个onChange事件,需要动态选择一个ID,然后添加一个预设的类名来传递给一个函数。

onChange = "show(document.getElementById(this.value). {select a class here? } );"

jquery中的等价物

$('#'+this.value+'.myclassname').function();

那么如何在javascript中选择ID +类名?我知道我很密集。

2 个答案:

答案 0 :(得分:4)

您需要使用类名吗? ID应该是唯一的。

var element = document.getElementById('myId');

或者说element是父母,你想要一个有班级的孩子

var elements = element.getElementsByTagName('*');

var newElements = [];

for (var i = 0, length = elements.length; i < length; i++) {

    if ((' ' + elements[i].className + ' ').indexOf(' yourClassName ') > -1) {
         newElements.push(elements[i]);
    }
}

此代码基本上遍历所有孩子,并使用indexOf()来测试您班级的存在。如果找到它,它会将其推送到新数组。

答案 1 :(得分:0)

来自http://www.anyexample.com/webdev/javascript/javascript_getelementsbyclass_function.xml

function getElementsByClass( searchClass, domNode, tagName) { 
    if (domNode == null) domNode = document;
    if (tagName == null) tagName = '*';
    var el = new Array();
    var tags = domNode.getElementsByTagName(tagName);
    var tcl = " "+searchClass+" ";
    for(i=0,j=0; i<tags.length; i++) { 
        var test = " " + tags[i].className + " ";
        if (test.indexOf(tcl) != -1) 
            el[j++] = tags[i];
    } 
    return el;
} 
getElementsByClass('center', document.getElementById('content'))