Question

我想通过api pull作为下拉列表而不是div来显示这些被拉到页面上的项目。

<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

您可以动态添加select元素并将每个a元素附加到其中，请参阅以下内容：

＆＃13;

$(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);
});

＆＃13;

<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>

＆＃13;

我希望它可以帮助你，再见。

使用js将类作为下拉列表显示为div

1 个答案: