如何使用与 PHP <li> 不同的值运行 onClick 函数？

Question

我想扫描我的媒体目录并用它创建一个列表。然后我想用目录中文件的名称和来源创建一个标签。不幸的是，我无法将名称（参数）传递给函数。（我正在替换“。”和空格以传递整个单词）所以这是我的代码：<div id="play"></div><ul><?php$files = scandir('media');$anzahl=count($files);for($i=2;$i<$anzahl;$i++){  $temp_file = $files[$i];  $front = str_replace(" ","_",$temp_file);  $back = str_replace(".","Ó",$front);  echo "<li onclick='video_tag($back)'>".$temp_file."</li>";}?></ul><script>  function video_tag(x){    console.log(x);  }</script>

Answer 1

你必须逃避之$back类的："<li onclick='video_tag("'.$back.'")'>".$temp_file."</li>"否则它不会$back在 PHP 中识别为变量。

Answer 2

还是 HTML 方式？

function video_tag(t,x){

  if(this.event) // IE, Chrome

    console.log(event.srcElement.innerText, x);

  else // FF

    console.log(t.innerText, x);

}

<div id="play">

</div>

<ul>

<li onclick='video_tag(this,1)'>Text of 1</li>

<li onclick='video_tag(this,2)'>Text of 2</li>

</ul>