星期四, 2016-09-15 15:12 — adminshiping1

jquery选择除某元素以外的所有元素 [问题点数：20分，结帖人javaready]

楼主发表于： 2011-10-15 13:23:44

例如
<html>
..
<textarea id="area"></textarea>
..
</html>

想选择除textarea外的所有元素

谢谢

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

回复次数：12

#1 得分：0回复于： 2011-10-15 13:29:21

$("*:not(#area") or
$("*).not($("#area"))

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#2 得分：0回复于： 2011-10-15 13:36:55

引用 1 楼 sohighthesky 的回复:

$("*:not(#area") or
$("*).not($("#area"))

不行的，试了很久

我的代码有包含关系
<html>
..
<div id="div1">
<textarea id="area"></textarea>
</div>
..
</html>

不知道是不是因为这个原因导致

$("*:not(#area)").click(function(){
alert("*****");
});

在点击textarea时依然弹出提示框

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#3 得分：5回复于： 2011-10-15 14:32:51

引用 2 楼 javaready 的回复:

引用 1 楼 sohighthesky 的回复:

$("*:not(#area") or
$("*).not($("#area"))

不行的，试了很久

我的代码有包含关系
<html>
..
<div id="div1">
<textarea id="area"></textarea>
</div>
..
</html>

不知道是不是因为这个原因导致
……

那是事件冒泡的原因。。
$(document).click(event){
if(!event.target.is('#area')){
alert('************');
}
});

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#4 得分：15回复于： 2011-10-15 14:39:22

根据楼主的'特殊'需求写了个自己看着都别扭（但是有效）的丑陋jq code:

<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script>
$(function(){
    var $wori=$('body :not(:has(#area),#area)')
    $wori.each(function(){
        alert($(this).attr('id'))
    })
})
</script>
</head>
<body>
<div id='a'>123</div>
<div id='b'>456</div>
<div id="div1">
<textarea id="area"></textarea>
</div>
</body>
</html>

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#5 得分：0回复于： 2011-10-15 14:41:08

楼上把选择方法给楼主了，此外楼主要注意3楼的冒泡现象

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#6 得分：0回复于： 2011-10-15 14:51:25

引用 5 楼 ycmjh2010 的回复:

楼上把选择方法给楼主了，此外楼主要注意3楼的冒泡现象

求解释，什么事冒泡现象

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#7 得分：0回复于： 2011-10-15 14:55:00

引用 3 楼 axiheyhey 的回复:

引用 2 楼 javaready 的回复:

引用 1 楼 sohighthesky 的回复:

$("*:not(#area") or
$("*).not($("#area"))

不行的，试了很久

我的代码有包含关系
<html>
..
<div id="div1">
<textarea id="area"></textarea>
</div>
..
<……

这些代码是什么意思

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#8 得分：0回复于： 2011-10-15 14:57:14

引用 6 楼 javaready 的回复:

引用 5 楼 ycmjh2010 的回复:

楼上把选择方法给楼主了，此外楼主要注意3楼的冒泡现象

求解释，什么事冒泡现象

比如你给body绑定一个click事件，然后点击了body里的一个div,理想情况应该只响应div的事件，结果却是事件冒泡到了body，响应了click事件，必须在div的click事件（如果有）里阻止冒泡:e.stopPropagation()

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#9 得分：0回复于： 2011-10-15 15:39:13

事件冒泡都搞不清楚，基础太差了。。建议先补下基础

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#10 得分：0回复于： 2011-10-15 16:40:15

给全局加上onclick事件，然后专门给textarea区域添加onclick事件，里面什么也不行，不就行了么？

还有，楼主，去看看冒泡事件，基础的都不知道。。。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#11 得分：0回复于： 2011-10-15 16:48:36

引用 10 楼 blue_lg 的回复:

给全局加上onclick事件，然后专门给textarea区域添加onclick事件，里面什么也不行，不就行了么？

还有，楼主，去看看冒泡事件，基础的都不知道。。。

不明白，求代码解释

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#12 得分：0回复于： 2013-04-12 11:09:58

1

2

3

$("#area").click(function(event){
    event.stopPropagation();//阻止冒泡
});

来自 http://bbs.csdn.net/topics/370248380

普通分类:

jquery

You are here

jquery选择除某元素以外的所有元素 not

jquery选择除某元素以外的所有元素 [问题点数：20分，结帖人javaready]

友情链接

搜索表单

用户登录

You are here

jquery选择除某元素以外的所有元素 not

jquery选择除某元素以外的所有元素 [问题点数：20分，结帖人javaready]

友情链接