2 cshmicky cshmicky 于 2017.01.11 03:50 提问

点击子元素的时候怎样才能得到父元素的id

代码如下
复制代码

 #big{
            width:200px;
            height:200px;
            background-color: red;
            z-index:1000;
        }
        #small{
            width:100px;
            height:100px;
            background-color:blue;
        }


    <div id='big'>
        <div id='small'></div>
    </div>

$('#big').click(function(e){
    console.log(e.target.iddaim);
})

复制代码
现在点击small区域的时候是出现‘small’怎么样才能扑捉到父元素的id呢 打印id为big

3个回答

showbo
showbo   Ds   Rxr 2017.01.11 09:35
 $('#big').click(function(e){//this就是big元素
    console.log(this.id,e.target.id);
})
hstyss
hstyss   2017.01.11 10:20

console.log($(this).attr("id"));

ning0_o
ning0_o   2017.01.11 10:43
$('#small').off('click').on('click', function(){
    var parentId = $(this).parent().attr('id');
})

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jsDOM获取元素方法、事件委托、事件捕获和事件冒泡
要求:根据以下代码,在&amp;lt;script&amp;gt;标签中添加代码,删除一条数据:&amp;lt;body&amp;gt; &amp;lt;div id=&quot;J_container&quot;&amp;gt; &amp;lt;div class=&quot;record-head&quot;&amp;gt; &amp;lt;div class=&quot;head id&quot;&amp;gt;序号&amp;lt;/div&amp;gt;&amp;lt;div
点击子元素事件不触发父元素事件
点击子元素,触发子元素事件的同时不触发父元素的时间
jq点击 删除id=del,删除指定的祖先元素class="task"
(‘#del’).on(‘click’, function(){(‘#del’).on(‘click’, function(){ (this).parents(‘.task’).remove(); });
父元素与子元素的点击事件影响问题
例如以下的代码: html:<div class="elementI" style="height: 100px;width: 100px;border: 1px solid red;"> 父元素 <div class="elementII" style="height: 50px;width: 50px;border: 1px solid black;">子元素</div> </
jquery防止冒泡事件,冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件
jquery之防止冒泡事件,冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件
html如何点击子元素事件而不触发父元素的点击事件
html如何点击子元素事件而不触发父元素的点击事件
JS点击一个元素删除其父元素
html> head>     meta charset="utf-8">     title>e演示title>     script type="text/javascript">     function deleteElement(Obj){         Obj.parentNode.parentNode.removeChild(Obj.parent
jquery查找父元素、子元素(个人经验总结)--zsl代修改
对使用js或者jquery查找父元素、子元素比较混淆的朋友可以参考下本文,因为是个人总结,用起来会比较方便 使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多  这里jquery向上查找父元素 用到的方法:closest() parents() parent()  向下查找子元素 用到的方法:find
jQuery获取父元素节点的下标
jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子: jquery获取父节点 jquery获取父元素 我们的目的是通过 id 为 item 的便签a取到 class 为 parent的ul元素,有以下几种方法
vue开发父元素和子元素都绑定了事件,阻止事件冒泡
&amp;lt;div @click=&quot;a&quot;&amp;gt; &amp;lt;button @click=&quot;b&quot;&amp;gt;&amp;lt;/button&amp;gt; &amp;lt;/div&amp;gt;事件描述:当触发button的事件a时,b事件也会被触发解决办法:在button上添加@click.stop=&quot;b&quot;,来阻止事件冒泡。...