Javascript函数通过Id检索不同的html元素

时间:2015-12-19 14:35:27

标签: javascript jquery html

我正在尝试编写一个能够通过Id检索elemet的Javascript函数。例如,我想编写2个函数,一个用于按ID检索Label元素,另一个用于按Id检索输入元素。我想分开它们的原因主要是因为我想要访问它们的属性。

Label = function(id) {     


 this.id = id;

   this.setValue = function(value) {
        $("#" + id).text(value);
    }

}

function Label(id) {

        var elem = $('#'+id).val();
        if (elem == null) {
            alert('Label with id = ' + id + ' does not exist!');
        } else
            return new Label(id);
    }

上述函数的问题在于,如果我写一个输入元素Id,它将返回带有labels函数的input元素。所以我的问题是我如何进行一种验证以防止我的标签功能中出现错误的元素ID?

1 个答案:

答案 0 :(得分:0)

首先: 对于良好的实践,页面上的ID应该是唯一的。如果要获取多个标签,请使用以下属性:" data - *"或" class"。 例如:

  • 获取所有具有类" name"
  • 的输入

$("input.name");

  • 按ID" myID"
  • 获取标签

$("label#myID");

效果提示:最好使用选择器label#myID而不是#myID