大家好,希望你们能帮助我。
我试图选择另一个 div 内的 div 元素并存储它的 id 或 class。我尝试执行这个简单的功能来看看它是否有效:
$('div').on('click', function(){
alert($(this).attr("id"));
});
但是,每次我单击任何 div(例如 ID 为“content”的 div)时,我得到的输出都是“content-link2”。
因此我的问题是如何更改该代码以便它看起来在里面 div“内容链接2”
<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>
最佳答案
您需要稍微更改一下您的脚本
。
这是警告单击任何元素的 id
的解决方案。如果没有 id,则警报显示 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>
关于javascript - Jquery 选择父 div 内的 div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41697775/