2017-09-02 104 views
3

我有一個通過Ajax調用產生的div列表獲得價值

這裏是他們是用這個編碼

var divslist = '<div class="listdiv">' + 
        '<b >' + (i + 1) + '</b>' + "." + " " 
        + '<b class="title">' + list[i].title + '</b>' + " " 
        + '<b >' + strTime + '</b>' + '<b class="status">' + list[i].status +'<b>' 
        + '</div>'; 

我需要生成的代碼

function todolisttoday() { 
    $("#list").empty(); 
    $("#counter").empty(); 
    $.ajax({ 
     url: '@Url.Action("GetTodayList", "Home")', 
     contentType: 'application/json; charset=utf-8', 
     data: JSON.stringify(), 
     type: 'POST', 
     dataType: 'json', 
     processData: false, 
     success: function (data) { 
      var list = data; 
      var count = Object.keys(data).length; 
      $("#counter").append('<b>' + "You have" + " " + count + " " + "appointments today" + '</b>'); 
      for (var i = 0; i <= list.length - 1; i++) { 
       var timeobject = new Date(); 
       timeobject.setTime(Date.parse(list[i].time)); 
       var hours = timeobject.getHours(); 
       var minutes = timeobject.getMinutes(); 
       var ampm = hours >= 12 ? 'pm' : 'am'; 
       hours = hours % 12; 
       hours = hours ? hours : 12; // the hour '0' should be '12' 
       minutes = minutes < 10 ? '0'+minutes : minutes; 
       var strTime = hours + ':' + minutes + ' ' + ampm; 
       var divslist = '<div class="listdiv">' + 
        '<b >' + (i + 1) + '</b>' + "." + " " 
        + '<b class="title">' + list[i].title + '</b>' + " " 
        + '<b >' + strTime + '</b>' + '<b class="status">' + list[i].status +'<b>' 
        + '</div>'; 
       $("#list").append(divslist); 
      }; 
     } 
    }); 
}; 

得到的'<b class="status">' + list[i].status +'<b>'

值當我點擊DIV

我做出格的單擊事件

這裏是代碼

$(document).on('click', '.listdiv', function() { 
    var appointmentTitle = $(this).text(); 

}); 

但其得到的div的所有數據。

我怎樣才能得到只有class="status"價值?

+0

你試過只是調用'$(本).find(」狀態)。EQ(0)的.text()'單擊處理程序裏面? – SpencerD

回答

1
$(document).on('click', '.listdiv', function() { 
    var appointmentTitle = $(this).text(); 
    console.log($(this).find('.status').text()); 
}); 

試試這個。

+0

是的。而已。謝謝 –

+0

@mark_spencer這是我的榮幸:) – zynkn

2

試試這個:

$(document).on('click', '.listdiv.status', function() { 
    var appointmentTitle = $(this).text(); 
}); 

這隻有在兩種listdivstatus類得到的div。