调整从选择输入中获取数据并将其放入 DIV 的 jQuery 代码

Adjusting jQuery code that takes data from select input and puts it into DIVs

本文关键字：DIV 代码 jQuery 选择 输入 数据 获取 调整      更新时间：2023-09-26

我已经准备好了代码，但我有限的jQuery技能（如果有的话）无法帮助我弄清楚为什么我想要的输出无法实现。

这是jQuery代码：

 $('#property_types option').slice(1).each(
 function(){
var text = $(this).text(),
    outputTo = $('#output'),
    div = $('<div />', {'class' : text}).text(text),
    href = $('<a />', {'href' : '#', 'onclick' : 'go'+text+'();'}).prependTo(div),
    img = $('<img />', {'src' : 'images/'+text+'.png', 'style' : 'vertical-align:middle;padding-right:5px', 'width' : '35'}).prependTo(href);
div.appendTo(outputTo);
 });

这是它目前给出的输出：

 <div id="output">
 <div class="Apartment">
 <a href="#" onclick="goApartment();">
 <img src="images/Apartment.png" style="vertical-align: middle; padding-right: 5px; width: 35px;">
 </a>
 Apartment
 </div>

问题是，文本又名"公寓"被排除在链接之外。 如何在不损害代码当前功能的情况下解决此问题？任何帮助，不胜感激。谢谢

试试这个：

$('#property_types option').slice(1).each(function(){
    var text = $(this).text(),
    outputTo = $('#output'),
    div = $('<div />', {'class' : text});
    href = $('<a />', {'href' : '#', 'onclick' : 'go'+text+'();'}).text(text).prependTo(div),
    img = $('<img />', {'src' : 'images/'+text+'.png', 'style' : 'vertical-align:middle;padding-right:5px', 'width' : '35'}).prependTo(href);
    div.appendTo(outputTo);
 });
相关文章：