检查通过jQuery加载的html中是否存在DOM选择器

Question

我经常使用这样的东西：

if($('.mi-tn').length){
  alert('we got tasting notes');
}

检查是否存在类'.mi-tn'，然后执行一些ajax调用。并且

$('body').on('click','.another', function(){

用于将事件连接到加载的html。如何在加载的html中检查是否存在类，以便我可以触发ajax请求？

编辑＃1

这是尝试捕获mi-tn值http://jsfiddle.net/f59nZ/

的小提琴

编辑＃2

  if($('body').find('.mi-tn').length){
    alert('gonna do ajax call but...');   
  }

Answer 1

这是你要找的人吗？

$(document).ready(function(){
    $('#container').html("<div class='content'>here is some info<div class='mi-tn'></div>");  
    $(document).on('click','.content', function(){
        if($(this).find('.mi-tn').length){
           alert('gonna do ajax call but...');   
        }
    });
});

<强> DEMO

如果您不需要点击活动。你可以用这个：

$(document).ready(function(){
    $('#container').html("<div class='content'>here is some info<div class='mi-tn'></div>");  
    if($('.content').find('.mi-tn').length){
    alert('gonna do ajax call but...');   
  }
});

DEMO