jquery在父div中选择div元素 [英] Jquery select div element inside parent div
问题描述
我试图选择另一个div内的div元素,并存储它的id或class。我试图做这个简单的函数来查看它是否工作:
$('div')。on('click',函数(){
alert($(this).attr(id));
});
然而,每次我点击任何div,例如带idcontent输出的div时,因此,我的问题是如何更改该代码,以便它看起来在
divcontent-link2中。$ / b
< div id =content-link2>
< div class =logo>
< img class =imagesid =imagesrc =#alt =您的徽标>
< / div>
< div id =comments>
< form name =forma>
< textarea name =commentUserid =commentUserclass =refreshcols =40rows =5> Comments here ...
< / textarea>< BR>
< input type =submitvalue =Ready! ID = 发送数据 ><! - 的onClick = writeComment(E); - >
< div id =editTxtclass =refreshcontenteditable =true>
< p>此文本可以由用户使用。< / p>
< / div>
< / form>
< / div>
< / div>
您需要稍微更改脚本
。
这是警告任何元素被点击的 id
的解决方案。 。如果它没有id,alert将显示 undefined
$(document).on('click',function(e){alert($(e.target).attr(id));});
< script src =https://ajax.googleapis.com/ajax/ libs / jquery / 2.1.1 / jquery.min.js>< / script>< div id =content-link2> < title>模板1< / title> < link href =http://localhost/fyproject/public/templates/css.css =stylesheettype =text / css> < div class =logo> < img class =imagesid =imagesrc =#alt =您的徽标> < / DIV> < div contenteditable =trueid =contentclass =draggable ui-widget-content refresh ui-draggable ui-draggable-handlestyle =position:relative;>< p> hlo< / p> ;< / DIV> < div id =comments> < form name =forma> < textarea name =commentUserid =commentUserclass =refreshcols =40rows =5>评论在这里...< / textarea>< br> < input type =submitvalue =Ready! ID = 发送数据 ><! - 的onClick = writeComment(E); - > < div id =editTxtclass =refreshcontenteditable =true> < p>此文本可以由用户使用。< / p> < / DIV> < /形式> < / div>< / div>
Hello people hope you can help me.
I am trying to select div elements that are inside another div and store either it's id or class. I tried to do this simple function to see if it works:
$('div').on('click', function(){
alert($(this).attr("id"));
});
However everytime I click on any div for example div with id "content" output I get is "content-link2".
Therefore my question is how to change that code so it looks inside div "content-link2"
<div id="content-link2">
<div class="logo">
<img class="images" id="image" src="#" alt="Your Logo">
</div>
<div contenteditable="true" id="content" class="draggable ui-widget-content refresh ui-draggable ui-draggable-handle" style="position: relative;"><p>hlo</p></div>
<div id="comments">
<form name="forma">
<textarea name="commentUser" id="commentUser" class="refresh" cols="40" rows="5">Comments here...
</textarea><br>
<input type="submit" value="Ready!" id="send-data"><!--onClick="writeComment(e);"-->
<div id="editTxt" class="refresh" contenteditable="true">
<p>This text can be by the user.</p>
</div>
</form>
</div>
</div>
You need a little change your script
.
Here is solution of alerting an id
of any element was clicked. If it hasn't id, alert shows undefined
$(document).on('click', function(e){
alert($(e.target).attr("id"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content-link2">
<title>Template 1</title>
<link href="http://localhost/fyproject/public/templates/css.css" rel="stylesheet" type="text/css">
<div class="logo">
<img class="images" id="image" src="#" alt="Your Logo">
</div>
<div contenteditable="true" id="content" class="draggable ui-widget-content refresh ui-draggable ui-draggable-handle" style="position: relative;"><p>hlo</p></div>
<div id="comments">
<form name="forma">
<textarea name="commentUser" id="commentUser" class="refresh" cols="40" rows="5">Comments here...
</textarea><br>
<input type="submit" value="Ready!" id="send-data"><!--onClick="writeComment(e);"-->
<div id="editTxt" class="refresh" contenteditable="true">
<p>This text can be by the user.</p>
</div>
</form>
</div>
</div>
这篇关于jquery在父div中选择div元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!