2016-03-12 30 views
0

我正在使用PHP从我的数据库返回数据,然后使用javascript允许此人添加它。我不能让一个div改变背景颜色和添加边框等如何使用CSS with javascript

<div class="selectedStuff"></div> 
<script type="text/javascript"> 
    $('#addButton').on('click', function(event) { 
     $('.selectedStuff').append($('#search_term').val() + '<br>'); 
    });   
</script> 
<style type="text/css"> 
    .selectedStuff{ 
     background-color: yellow; 
     margin-top: 50px; 
    } 
</style> 

在这个问题上的任何帮助将是巨大

+0

使用的.css()在你的divHolder – thepieterdc

回答

2
$('#addButton').on('click', function(event) { 
       var searchedValue = $('#search_term').val(); 
       var divHolder = $('.selectedStuff'); 
       divHolder.append(searchedValue + '<br>').css({ 
        'background-color': 'yellow', 
        'margin-top': '50px' 
       }); 
      }); 
+0

那方法太棒了,谢谢x – Nevershow2016

+1

你刚刚发现它:0完美x – Nevershow2016

+0

为什么要用老式的jQuery方法直接向元素应用样式来替换完美的CSS?为什么OP的CSS没有工作? –