显示一个基于data.name的div
显示一个基于data.name的div
提问于 2015-03-18 19:20:55
第三次是一种魅力！
这就是我想要实现的。
我想使用data.name来填充divs名。我想让<div id="date.name"/>显示点击，下面是我尝试过的。
click: function(event, data) {
$('#clicked-state')
// .text('You clicked: '+data.name);
.show($("<div id='" + data.name + "'/>" ));
// .parent().effect('highlight', {color: '#C7F464'}, 2000);
}
});在本例中，data.name包含来自美国所有50个州的缩写。
一旦一个州被点击，如。‘加利福尼亚’data.name将被分配'CA‘。
我想用它来显示id 'CA'.的div
--我想用它来显示与我同名的div。
更新:根据建议，div没有显示状态的单击。。
最近的尝试
css
<style>
#va { display:none;}
</style>js
click: function(event, data) {
$('#clicked-state')
$('#' + data.name).toggle();
}
});html
<div id="va">
this is virginia.
</div>我使用这个插件用于状态data.name生成和映射.
http://newsignature.github.io/us-map/
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-03-18 19:27:12
由于id在HTML页面中是唯一的，您可以直接使用选择器来瞄准div并显示它。
$('#' + data.name).show();Code
click: function(event, data) {
$('#' + data.name).show();
}Stack Overflow用户
发布于 2015-03-18 19:27:44
问题是.show不接受任何参数。我不能百分之百肯定你想做什么。如果您试图使用状态名称显示现有的div，则应该将其称为
$("#" + data.name).show();如果您试图创建一个新的div，请在包含div的父级上使用.html (如果不存在，在其中创建一个)
$("#ParentDiv").html("<div id='" + data.name + "'/>");Stack Overflow用户
发布于 2015-03-18 19:30:32
某段代码(http://jsfiddle.net/esxe7LmL/)：
<select>
<option value="state1">State 1</option>
<option value="state2">State 2</option>
<option value="state3">State 3</option>
</select>
<div id="state1">state 1</div>
<div id="state2">state 2</div>
<div id="state3">state 3</div>
$("select").on("change", function() {
var v = $(this).val();
$("div").hide();
$("div#" + v).show();
});
div {
display: none;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29130900
复制相关文章
相似问题
腾讯云开发者
