如何从变量中的元素中获取属性？

Question

例如，我有

var element = "<input type=\"number\" id=\"anElement\">" 

我要检索的ID

我想这个代码：

var newvalueFonts = element.attr('id').val(); 

，它是行不通的。为什么？

我这样做是拨错还是我只需要修复代码有点

Answer 1

你可以把这个字符串在一个jQuery对象，然后调用它prop()得到id：

var element = '<input type="number" id="anElement">'; 
 
var newvalueFonts = $(element).prop('id'); 
 

 
console.log(newvalueFonts);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

供您参考您的原代码（var newvalueFonts = element.attr('id').val();）不起作用element是一个字符串，所以对它没有attr()方法。即使是这样，attr()本身也会返回一个字符串，该字符串也没有val()方法。

Answer 2

您可以使用该字符串创建一个jQuery对象，然后使用它的各种方法。

var newvalueFonts = $(element).attr('id'); 

var element = "<input type=\"number\" id=\"anElement\">"; 
 
var newvalueFonts = $(element).attr('id'); 
 
console.log(newvalueFonts)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

var element = "<input type=\"number\" id=\"anElement\">" 
 

 

 
var newvalueFonts = $(element).attr('id') 
 
console.log(newvalueFonts)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1. 裹在$()
2. 无需.val()通用电气牛逼.attr()

Answer 4

做VAR元素后=“”你需要使用$的元素附加到DOM（“＃DIVID”）。追加（元素）（DIVID是id到我们需要把输入元件）。之后，您可以使用

var newvalueFonts = $（“input [type = number]”）。attr（'id'）;