javascript - 调用 ID 包含索引到 onclick 函数中

Question

我有索引++的变量

var folderIndex = 1;
let currentFolderIndex = folderIndex++;

我想在我的 onclick 中调用表 ID。

<table id="tableAudience' + currentFolderIndex + '" ></table>
<div onclick="openFolder(event, 'howTocall table ID in here')" ></div>

怎么做？

我不知道如何设置我的id，因为会有引号冲突

onclick="openFolder(event, 'howTocall table ID in here')"

我的代码图片:http://prntscr.com/h82axw

我没有使用 JSFiddle，因为我只使用 js 和 css 文件。

谢谢。

Answer 1

你可以调用onCLick而不用担心ID

   <table id="tableAudience1" > </table>
    <div onclick="openFolder(event,this)"> First Table </div>

并且在 onclick 函数上，您可以使用此检测 ID

function  openFolder(event,item){
     // will give you the table ID
   console.log( $(item).prev().attr("id"));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<table id="tableAudience1" > </table>
<div onclick="openFolder(event,this)"> First Table </div>

<br/>  

<table id="tableAudience2" > </table>
<div onclick="openFolder(event,this)"> Second Table </div>


<br/> 

<table id="tableAudience3" > </table>
<div onclick="openFolder(event,this)"> Third Table </div>

<br/> 

<table id="tableAudience4" > </table>
<div onclick="openFolder(event,this)"> Fourth Table </div>