как получить DIV атрибутов в формате JSON

Question

У меня есть следующие ДИВ

<div class="specialbreaek"> 

Этот ДИВ хранится в JavaScript переменной

Я хочу, чтобы преобразовать его в формат JSON, так что я могу получить имя класса легко

Я попытался JSON.parse(), но до сих пор не получить нужный результат

Любая помощь будет оценена

Спасибо заранее!

Answer 1

Если вы правильно поняли, у вас есть div с несколькими атрибутами, и вы хотите их извлечь (используя JS) и преобразовать их в строку JSON.

Если это так, то вы можете использовать это, чтобы извлечь все атрибуты, а затем использовать любой метод, который вы хотите, чтобы объединить их в формат JSON

$(function() { 
 
    var mydiv = $("#mydiv"); 
 
    var results = ""; 
 

 

 
    // The attributes property contains all attributes of an element 
 
    $.each(mydiv.prop('attributes'), function(index, attr) { 
 
    // this.attributes is not a plain object, but an array 
 
    // of attribute nodes, which contain both the name and value 
 
    results += attr.name + ":" + attr.value; 
 
    results += ", "; 
 
    }); 
 
    $("#res").text(results); 
 
    console.log(results); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="mydiv" class="myclass" style="mystyle"> 
 
    my div text 
 
</div> 
 

 
<hr/> 
 
<h2>results</h2> 
 
<div id="res"></div>

Answer 2

Я вижу несколько решений в зависимости от того, что вы имеете в виду под «переменной JavaScript». Если элемент хранится в виде строки, вы можете использовать комбинации String.prototype.search() и String.prototype.substring() для извлечения класса. Например:

var s = '<div class="specialbreaek">'; 
 
var index = s.search(new RegExp(/class=".*"/, 'i')); 
 
s = s.substring(index + 7); 
 
var index = s.search(new RegExp(/"/, 'i')); 
 
s = s.substring(0,index); 
 
document.write(s);

Answer 3

Для преобразования Переменная JavaScript в Json является JSON.stringify

Попробуйте

$(function(){ 
    var element = $(".specialbreaek"); 
    var jsonstr = JSON.stringify(element); 
    console.log(jsonstr); 
}) 

Он будет выводить это.

{"0":{},"length":1,"prevObject":{"0":{},"context":{},"length":1},"context":{},"selector":".specialbreaek"}