無法獲取或設置DIV的CSS與jQuery

Question

我有以下的HTML對象

<div class="dataTables_filter" id="DataTables_Table_2_filter"><label>Sök: <input type="text" aria-controls="DataTables_Table_2"></label></div> 

現在我想以交互方式處理此css來我所希望的方式定位。

當我嘗試

$('#DataTables_Table_2_filter').css({"float":"left"}) 

沒有任何反應，當我只是儘量提醒了它當前的CSS

alert($('#DataTables_Table_2_filter').css('float')); 

，我會在我的警告框「不確定」。

如果我做

alert($('#DataTables_Table_2_filter') 

我得到 「對象objeect」 在我的警告框。

這是怎麼回事？

Answer 1

你可能會訪問元素之前的準備，使用document.ready()，因爲你的代碼標識工作

Live Demo

<div class="dataTables_filter" id="DataTables_Table_2_filter"><label>Sök: <input type="text" aria-controls="DataTables_Table_2"></label></div> 

$(document.ready(function(){ 
    $('#DataTables_Table_2_filter').css({"float":"left"}); 
    alert($('#DataTables_Table_2_filter').css('float')); 
}); 

Answer 2

試試這個

$('#DataTables_Table_2_filter').on('click', function(){ 
    alert($('#DataTables_Table_2_filter').css('float')); 
}); 

一看到這個Example

問候。

Answer 3

可以是U有這樣的代碼塊之外的一些相互矛盾的ID問題，因爲它的做工精細In This Demo

HTML：

<div class="dataTables_filter" id="DataTables_Table_2_filter"> 
     <label>Sök: <input type="text" aria-controls="DataTables_Table_2"/></label> 
</div> 

的jQuery：

$('#DataTables_Table_2_filter').css({"float":"left"}); 
alert($('#DataTables_Table_2_filter').css('float'));