如何從變量中的元素中獲取屬性？

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'）;