javascript - jquery获取多个属性

Question

有没有办法在jQuery中获取多个属性

 <input type="text" title="hello there" class="maiz"/>


(function() {
  var inputTitle = $("input").attr("title","class");
  console.log(inputTitle[1])//output:undefined
})();

我是 jQuery 新手

Answer 1

你不能得到多个属性，你只需要attr再次调用：

var input = $("input");
var title = input.attr("title");
var cls   = input.attr("class");

您的示例将值“class”设置为 title 属性。

或更类似于您的原始代码：

var inputTitle = [input.attr("title"), input.attr("class")];
inputTitle[1]; // gives you 'maiz'

Answer 2

你可以试试这个：

for (var i = 0; i < elem.attributes.length; i++) {
  var attrib = elem.attributes[i];
  if (attrib.specified == true) {
    console.log(attrib.name + " = " + attrib.value);
  }
}

Answer 3

您可以使用元素对象上的 attributes 属性获取属性：

var el = document.getElementById("someId");
var attributes = el.attributes; // Here they are

在 jQuery 中，您可以使用 get() 方法获取 Original 元素，例如：

var el = $("input").get(0);
var attributes = el.attributes; // Here they are

Answer 4

尝试这个：

$('.maiz').click(function(){
    for(var i = 0;i < this.attributes.length;i++){
        console.log(this.attributes[i]);
    }
});

演示

Answer 5

Jquery 选择器的工作方式与 CSS 选择器非常相似。 $('selector')如果要选择特定类的所有元素，如果 $('.class')要选择类和id $('.class, #id') ，基本上就是这样。除非您有具体问题