jQuery .on（）事件无法从Ajax加载的内容中获取数据

Question

Hey folks I have content being displayed on a page by using jQuery and Ajax to query my php page. On click I check for all elements with the class edit. I am trying to then grab the unique id of the link that was chosen. I know it should be this.id but it returns nothing. Does anyone have any insight on how to dynamically check the clicked link and get a stored value in any way?

The bellow works for getting a link clicked. but cannot get the id still.

$("body").on("click", ".edit", function(){
    var id = this.id;
    alert($(this).val());
}); 

Here is the HTML that is being put on the page via Ajax

<div class="row">
             <div class="small-2 large-2 columns">3</div>
             <div class="small-10 large-6 columns">Andrew</div>
             <div class="small-6 large-2 columns">2013-08-12</div>
             <div class="small-6 large-2 columns edit"><a href="#" id="e3"> Edit </a></div>
        </div>

Solved solution was to use '.edit > a' as the selector. I had edit as the class of the div, not the anchor tag. Thanks for all the help folks!

Answer 1

The sample HTML helped:

You need to select the anchor within the .edit div.

$("body").on("click", ".edit > a", function () {
    var id = this.id;
    alert(id);
});

JSFiddle: http://jsfiddle.net/QckbT/

Answer 2

Does this works ?

$("a.edit").on("click", function(){
     alert($(this).val());
});

Answer 3

alert($(this).val());

与身体有关，而不与#id有关。