du6333137
du6333137
2014-09-24 14:36

获取元素的ID并将其设置为变量

I have a button:

<button class="btn btn-info continue">
    <i class="ace-icon fa fa-check bigger-110"></i>
    Continue                                        
</button>

Onclick:

$(".continue").click(function(e) {
    currForm = $(this).parents('form');
    e.preventDefault();
});

I can get the id pretty easily: currForm.attr('id');, but can I set the value of this id as a variable.

Something like php's variable variables:

$a = 'hello';
$$a = 'world';
echo $hello;

Edit: I don't want to change element's id. I want to get this ID and use it as a name for a javascript variable. For example, the element I provided above is in a form that has ID='example_id'. currForm.attr('id') will give me example_id and I want to set a variable example_id and assign a value to it.

var example_id = 'some value';

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

6条回答

  • douxian6086 douxian6086 7年前

    Here 3 options for you.

    eval (not recommended)

    You can use the Javascript function eval to achieve what you want. But be aware, this in not recommended (I emphasized it twice, hope you understood!).

    Don't use eval needlessly!

    eval() is a dangerous function, which executes the code it's passed with the privileges of the caller. If you run eval() with a string that could be affected by a malicious party, you may end up running malicious code on the user's machine with the permissions of your webpage / extension. More importantly, third party code can see the scope in which eval() was invoked, which can lead to possible attacks in ways to which the similar Function is not susceptible.

    It would be used like that :

    eval('var ' + varName + ' = "something";');
    

    Window object notation (Better than eval, still not really recommended)

    This method consist of using the object notation provided by JavaScript on the global window object. This is polluting the global window scope and can be overrided by other JS files which is bad. If you want to know more on that subject, this is a good question : Storing a variable in the JavaScript 'window' object is a proper way to use that object?.

    To use that method, you would do thing like that :

    window[varName] = something;
    alert(window[varName]);
    

    Using an object (recommended)

    The best solution would be to creating you own variable scope. For instance, you could create on the global scope a variable and assign an object to it. You can then use the object notation to create you dynamics variables. It work the same way as the window does :

    var globalScope = {};
    
    function awesome(){
        var localScope = {};
        globalScope[varName] = 'something';
        localScope[varName] = 'else';
    
        notSoAwesome();
    }
    
    function notSoAwesome(){
        alert(globalScope[varName]); // 'something';
        alert(localScope[varName]); // undefined
    }
    
    点赞 评论 复制链接分享
  • duanpan3166 duanpan3166 7年前

    Try one of the following:

    $(this).attr(example_id, "value")
    

    Or

    window[ currForm.attr(id)] = 12;
    

    Or

    window[ this.id ] = 12;
    
    点赞 评论 复制链接分享
  • douti9286 douti9286 7年前

    Your best option for archieving what you really want is using eval(), like this:

    eval("var " + currForm.attr('id');
    

    Check this link ->

    Dynamic Variables in Javascript

    点赞 评论 复制链接分享
  • duankuaizhe8257 duankuaizhe8257 7年前

    You can use and object to store your variables in:

    var variables = {};
    

    to add a variable just type:

    variables[name] = value;
    

    and to access the value:

    variables[name] 
    

    Check it out here: jsFiddle

    Button 2 reads the value of variables[formid] and button 1 sets formid to submitted

    点赞 评论 复制链接分享
  • doujing5846 doujing5846 7年前

    Use eval (but not recommended):

    var id = 'that_id';
    eval(id+" = 'other id';");
    alert(that_id); // results: 'other id'
    
    点赞 评论 复制链接分享
  • doujing6436 doujing6436 7年前

    You can do it using javascript object:

    var currForm = $(this).parents('form');//form id="hello"
    
    var obj = {};
    
    obj[currForm.attr('id')] = 30;
    
    console.log(obj.hello)
    
    点赞 评论 复制链接分享

为你推荐