jquery - 单击正文，但其他一些标签不起作用

Question

有谁知道 css position:relative;可能会搞乱函数

    $('body').not($('.theDIV')).click(function(){
    alert('');

    });

或者问题出在其他地方？

发生的情况是，我有一个在单击按钮时出现的图标，并且当我单击主体上除 div 本身之外的任何位置时，我希望它隐藏()。 HTML

<ul class='messages'> //these are made dynamically. should i use each() to go through all the elements?
<li>
    <div class='theDIV'></div>
    <input type='button'>
</li>
<li>
    <div class='theDIV'></div>
    <input type='button'>
</li>
<li>
    <div class='theDIV'></div>
    <input type='button'>
</li>
</ul>

抱歉，如果我第一次不清楚

Answer 1

你可以做

$('body').click(function(e){
   if(! $(e.target).hasClass('theDIV')){
     alert('clicked on something that has not the class theDIV');
   }

});