2016-04-16 9 views
1

私はこのコードJavaScriptで.data()(jQuery)に相当するものを見つけるにはどうすればよいですか?

var info = $($(r).find(".BuyPriceBox")).find(".PurchaseButton").data(); 

rが、私は私がに変更しようとしています

からデータを取得しようとしていますボタンが含まれているAJAX GET呼び出しから返されたHTMLページです持っています同等のJavaScript

私は「.DATA()」はJavaScriptに似ているだろう何かを見つけることができませんか? は、誰もがこれで私を助けて、と親切に私はJavaScriptにそれを翻訳に役立つならばもらえますか?偽getコールを使用して

+2

それは '.dataset' https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset –

+0

@itsgoingdownええと、どうして私はそれをJavaScriptで完全に翻訳するのですか? –

+0

jQueryのコードを読んでjQueryの動作を確認してみましたか? JQueryは他の誰かがあなたのために書いた「ちょうど」JavaScriptコードなので、*翻訳することは問題ではありません。 – nnnnnn

答えて

1

function getData(cb) { 
    var html = [ 
    '<div><div class="BuyPriceBox">', 
    '<button class="PurchaseButton" data-id="one">Click</button>', 
    '</div></div>' 
    ].join(''); 
    setTimeout(cb, 1000, html); 
} 

getData(function(html) { 

    // create a new element and attach the html received 
    var temp = document.createElement('div'); 
    temp.innerHTML = html; 

    // Then use `querySelector` to grab the element 
    // and get the dataset (an object) 
    var button = temp.querySelector('.BuyPriceBox .PurchaseButton'); 
    var id = button.dataset.id; // one 

}); 

DEMO

関連する問題