如何获得点击的元素'id并在jquery中打开一个弹出窗口
How to get the clicked elements' id and open a popup in jquery
我有一些由Javascript创建的<div>
标签,每个标签都有不同的"id"answers"class"属性。
div标签的一些示例
<div id="demoid1" onclick="javascript:openDialog(this)" class="demoClass1">demoTag1</div>
<div id="demoid2" onclick="javascript:openDialog(this)" class="demoClass2">demoTag2</div>
<div id="dialog-1" title="Test Case Details">
<P>This my first jQuery UI Dialog!</P>
</div>
迄今为止完成的代码:
function openDialog(ev) {
var docid= ev.id;
$(function () {
$("#dialog-1").dialog({
autoOpen: false,
});
$("#"+docid).click(function () {
$("#dialog-1").dialog("open");
});
});
}
请帮忙。更新:我有10-15个<div>
标签,每个标签都有不同的ID。
我希望这些<div>
标签是可点击的,点击后会弹出一个小的显示窗口。
在我需要点击元素的ID之前,我可以从JSON中动态获取信息,这样我就可以显示信息。
首先,您需要一些资源。请检查此链接。
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css
https://code.jquery.com/ui/1.11.4/jquery-ui.js
这是一把小提琴。
试试这个:
$(document).ready(function() {
$(".demoClass").click(function() {
$("#dialog-1").dialog({
resizable: false,
height: 140,
modal: true,
buttons: [{
text: "Yes",
click: function() {
$(this).dialog("close");
},
}, {
text: "No",
click: function() {
$(this).dialog("close");
},
}
],
});
});
});
和HTML:
<div id="demoid1" class="demoClass">demoTag1</div>
<div id="demoid2" class="demoClass">demoTag2</div>
<div id="dialog-1" title="Test Case Details">
<P>This my first jQuery UI Dialog!</P>
</div>
$(document).ready(function() {
$(document).on('click', '#test', function (event) {
alert($('#test').attr('id'));
});
});
Try this :).
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="test">ghnhjg</div>
考虑$m
是jQuery函数对象的$
。
注意:处理这个问题不是一个好主意。点击应该用类选择器调用,数字数据应该来自data-numeric
属性或类似的东西。
试试这个:(步骤用注释解释。)
$m("[id^=demoid]").click(function () {
$m(this).prop('id') // this is how you get id of the clicked element
// now I am hoping you are trying to extract the numeric value from the id
//for that you need to do the next line
var numeric = $m(this).prop('id').replace('demoid', '');
$m("#dialog-"+numeric).dialog("open"); // concatinate the numeric value to the #dialog-*
});
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 用javascript将数据从一个窗口传递到另一个窗口
- 构建JS测试,警报窗口重复上一个Q,而不是问下一个Q
- 创建一个方法,通过一个窗口进行迭代并获取Titanium中的所有控件
- 当满足PHP条件时显示一个弹出窗口
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- 想要打开从链接到另一个页面的模式弹出窗口
- 为位于路线上的谷歌地图标记(起点和终点)设置一个信息窗口
- 如何打开一个新窗口或选项卡,并将其提供给javascript执行
- 在屏幕中间打开一个弹出窗口
- window.open:是否可以通过修改DOM来打开一个新窗口
- 有没有一种方法可以检测何时触发了溢出-y:auto,并因此创建一个弹出窗口
- 我需要帮助弄清楚一旦窗口的垂直高度被滚动,如何切换一个元素
- 获取上一个和当前窗口宽度
- 从另一个窗口访问document.getElementById
- 将jquery ui窗口的父元素设置为另一个元素
- 从另一个dojo模板窗口小部件调用dojo模板小部件中的函数
- notify.js没有'如果另一个窗口被聚焦,则不显示通知
- Bootbox,两个模式窗口-一个在另一个之上
- 如何给这个弹出窗口一个滚动条