jsを使用してクラスをドロップダウンリストとして表示

Question

divにではなくドロップダウンリストとしてAPIプルを介してページにプルされているこれらのアイテムを表示したいとします。

<div class="student"><a href="#">Joe Dullah</a></div> 
<div class="student"><a href="#">Sarah Jenkins</a></div> 
<div class="student"><a href="#">Cay Holton</a></div> 
<div class="student"><a href="#">Alex Poe</a></div> 

すべてのヘルプは大幅

Answer 1

を高く評価しているあなたは、してくださいdinamically select要素を追加し、そこにすべてのa要素を追加し、次のように見ることができる：

$(function() { 
 
    var $select = $('<select />'); 
 
    $(this).find('a').each(function() { 
 
     var $option = $('<option />'); 
 
     $option.attr('value', $(this).attr('href')).html($(this).html()); 
 
     $select.append($option); 
 
    }); 
 
    $("#list").replaceWith($select); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="list"> 
 
    <div class="student"><a href="#">Joe Dullah</a></div> 
 
    <div class="student"><a href="#">Sarah Jenkins</a></div> 
 
    <div class="student"><a href="#">Cay Holton</a></div> 
 
    <div class="student"><a href="#">Alex Poe</a></div> 
 
</div>

私は願っていますそれはあなたを助けます、バイバイ。