JQuery的選擇點擊的div

我有4個格，我想點擊的股利和改變它的風格，我的div是動態創建的，這就是爲什麼我不想用idJQuery的選擇點擊的div

<div class="item">Lorem ipsum 1</div> 
<div class="item">Lorem ipsum 2</div> 
<div class="item">Lorem ipsum 3</div> 
<div class="item">Lorem ipsum 4</div>

jQuery代碼：

<script type="text/javascript"> 

    $('.item').on("click", function() { 
    // change style 
}); 
</script>

來源

2014-12-02 AiD

$(document).on("click", ".item", function() { 
    var elt = $(this); 
    // do whatever you want with elt.css() 
});

這樣一來，你會抓住每一個click事件任何.item元素，只要創建的元素（通過AJAX例如添加到頁面）

有關更多信息上它在jQuery Event Deleguation doc

來源

2014-12-02 13:10:41 pistou

您需要使用event delegation。

事件代表團允許我們附加一個單一的事件偵聽器，以父元素，將火了選擇匹配的所有後代，無論是現在存在的或將來添加這些後代。

$('body').on("click",'.item', function() { 
    // change style 
});

來源

2014-12-02 13:04:47

@Bharadwaj讓我們只是說這個問題被問了幾千次...... – Regent 2014-12-02 13:08:47

我們首先包含jquery庫。然後我們在jquery點擊事件上使用css風格。

<script type="text/javascript" src='//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> 

    <script type="text/javascript"> 

    $(document).ready(function(){ 
    $(".item").click(function(){ 
    $(".item").css("color", "red"); 
    //we can style anything .css('property','value'); 
     }); 
    }); 

    </script> 
</head> 
<body>

來源

2014-12-02 16:19:48

JQuery的選擇點擊的div

回答

相關問題