javascript - 使用 JavaScript 获取数据属性并将该属性替换为 var

Question

好的，所以我想做的是使用 javascript 来获取我选择的属性，并将其用作 javascript 变量。反正我给你看就更好了。

var a='<div id="element">Hello</div>';
var b="<span class="class">GoodBye</span>";
var c="<div id="element3">Filler Text</div>";
var d="<div id="element4">Filler text again</div>";
var e="<div id="element5">Filler text once more</div>";

$('.element').click(function(){
  var Element = $(this).attr('data-edit');
  $('#information_inner').html(Element);
  $('.pop_up').show();
 });

HTML 标记看起来像

<div class="element" data-edit="c"></div>

所以我们已经知道会发生什么，HTML 将变成 c 而不是上面列出的变量。那么，您将如何检索数据编辑并对其进行更改或使其选择为它列出的 javascript 变量？

Answer 1

您可能希望将这些变量移动到一个对象中：

var text = {
    a: '<div id="element">Hello</div>',
    b: '<span class="class">GoodBye</span>',
    c: '<div id="element3">Filler Text</div>',
    d: '<div id="element4">Filler text again</div>',
    e: '<div id="element5">Filler text once more</div>'
}

然后，您可以使用，例如，text['a']访问其中之一：

$('#information_inner').html( text[Element] );