将变量传递给getElementById

时间:2016-11-10 12:59:39

标签: javascript jquery html

我有多个表由循环生成,每个表都有不同的ID。喜欢(table1,table2,table3等)。 我想使用jquery每个函数将这些id传递给getElementById函数。 这是我的代码

$("ul.menu-content li.collapsed[data-target=" + target+"]")
  .removeClass('collapsed')
  .find('a')
  .addClass('active');

tnames警告很好。但是当我将tname传递给 $(document).ready(function () { $('.table', this).each(function (index, element) { tnames = $(element).attr('id'); //alert(tnames) var elem5 = document.getElementById(tnames); alert(elem5); }); }); 函数时,它返回null或object。我希望它应该返回id作为返回getElementById;

任何帮助和建议。请?

3 个答案:

答案 0 :(得分:1)

我希望以下代码可以帮助您找到元素的ID。 以下代码将提醒表ID。

$("document").ready(function () {           
        var tableid= $('table').attr('id');

        var element = document.getElementById(tableid);
        alert(element.id);

});

答案 1 :(得分:1)

如果你肯定有

<table class="table" id="table1"></table>
<table class="table" id="table2"></table>
<table class="table" id="table3"></table>

然后你可以做

$(function () {
  $('.table').each(function () {
    console.log(this.id); // or the more verbose $(this).attr("id");
  });
});

以下完整示例:

$(function() {
  $('.table').each(function() {
 
    var tableID = this.id; // here is the ID

    console.log(tableID); 


    // if you need the table itself
    var elem5 = $(this).get(0); // get the DOM table from jQuery
    console.log("using jQuery get",elem5);

    elem5 = document.getElementById(tableID); // get the DOM table using DOM access
    console.log("using getElementById",elem5);
  
   
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table class="table" id="table1"><tr><td>Table1</td></tr></table>
<table class="table" id="table2"><tr><td>Table2</td></tr></table>
<table class="table" id="table3"><tr><td>Table3</td></tr></table>

答案 2 :(得分:0)

坚持使用jquery

 var elem5 = $("#"+tnames);
 alert(elem5.html());