2016-03-31 11 views
1

に属性I持っている。このdiv要素は変数JavaScriptで保存されている取得する方法のdivは、JSON

<div class="specialbreaek"> 

次のdiv

私はクラス名を簡単に得ることができるようにJSONにこれを変換したい

私はJSON.parseを(試みた)が、それでも必要な結果を得ることはありませどれヘルプが理解されるであろう

ありがとうございます!

+2

「このdivはJavaScript変数に格納されています。 –

+1

Javascriptコードを共有してください。あなたはJavascriptの変数にdivを格納していると言ったが、どうやって? –

+1

「これをjsonに変換したい」ここで何を参照していますか? – Ismail

答えて

0

あなたが正しく理解していれば、いくつかの属性を持つ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>

1

にそれらを連結する任意の方法を使用することができ、私は何に応じて、いくつかのソリューションを参照してくださいあなたは "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);

0

は、JSONへのjavascriptの変数が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"} 
関連する問題