如何在表示为字符串的范围内获取id？

Question

var span = '<span class="we w_o_r_d_s" id="we" contenteditable="false">we</span>' 

console.log(span.id);
console.log(span.attr('id'));
console.log(span.getAttribute('id'));

var div = document.createElement('div');
div.innerHTML = span;


console.log(div.id);
console.log(div.attr('id'));
console.log(div.getAttribute('id'));



//I want to log `we`

http://jsfiddle.net/3BTdk/1/

我看了here但是无法得到它。谢谢。

Answer 1

创建一个jQuery对象并使用.attr('id')来获取id。

var span = '<span class="we w_o_r_d_s" id="we" contenteditable="false">we</span>'; 
var id = $(span).attr('id');

<强> The demo.

没有jQuery版本：

var tmp = document.createElement('p'); 
tmp.innerHTML=span;
console.log(tmp.childNodes[0].id);

<强> And the demo.

Answer 2

您可以使用jQuery函数将字符串转换为jQuery对象。它允许您在其上应用jQuery selectors / functions。

<强> Live Demo

var span = jQuery ('<span class="we w_o_r_d_s" id="we" contenteditable="false">we</span>');
var id = span.attr('id');

Answer 3

如果页面只有一个范围

然后var id = $('span').attr('id');

http://jsfiddle.net/Vinay199129/3BTdk/3/

Answer 4

而不是span.attr('id')使用$(span).attr('id')

您可能希望在DOM元素周围包含jQuery/$功能的原因应该是 明显。这样做可以让您在需要时使用jQuery链接。

Answer 5

查看我更新的fiddle ...

或者使用它：

console.log($(span).attr('id'));