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] );

使用JavaScript获取data-attr并用var替换attr

1 个答案: