1

私は、2 つの div の「名前」と「値」を含む別の div の「行」を含む div の「ランク」を持っています。ハッシュを使用して Javascript と jQuery で 3 つの名前と値を取得したいのですが、どうすればよいかわかりません。最初の3行がチェックされたら、ループを使用して他のdivを破棄することを考えていますが、その後どうすればよいかわかりません。この解決策はあまり生産的ではありません...

<div id='rank'>
<div class="line"><div class="name">1.&nbspmanone</div><div class="value">35</div></div>    
<div class="line"><div class="name">2.&nbspmantwo</div><div class="value">32</div></div>
<div class="line"><div class="name">3.&nbspmanthree</div><div class="value">30</div></div>
<div class="line"><div class="name">4.&nbspmanfour</div><div class="value">29</div>
</div><div class="line"><div class="name">5.&nbspmanfive</div><div class="value">25</div></div>
<div class="line"><div class="name">6.&nbspmansix</div><div class="value">24</div></div><div class="line"><div class="name">7.&nbspmanseven</div><div class="value">21</div></div><div class="line"><div class="name">8.&nbspmannine</div></div>
</div>
4

1 に答える 1

3

jQuery を使用して最初の 3 行を検索し、名前と値の div のテキストの JavaScript オブジェクト (ハッシュ) を作成する必要があります。

$('#getTopThree').on('click', function(e) {
    var result = {}; //name and value will be placed in this object

    $('#rank .line:lt(3)').each(function() { //for each of the first three line divs
        var that = $(this);
        result[that.find('.name').text()] = that.find('.value').text(); //add name and value to result object
    });

    $('#result').text(JSON.stringify(result)); //print result for debugging
});

ワーキングデモ

于 2013-07-22T12:49:44.620 に答える