使用Javascript从jQuery修改HTML

Question

尝试使用jQuery学习/开发并遇到了一个我不确定如何处理的场景.

我有一个由PHP动态制作的HTML表,表中的每一行都包含一个文件名和一个打开文件的按钮,截至目前该按钮正在调用一个JavaScript函数,该函数接收该文件的UNC文件路径.我想使用jQuery修改HTML来打开文件内容(此时只是尝试使用.txt文件).所以我的问题是我需要通过jQuery将UNC文件路径从javascript调用传递到后端,以便我可以加载该文件.

所以要想象它:

HTML:

//我想要显示文件的Div

<div id="file">
</div>

//表中的每个按钮都有一个不同的unc_path_to_file

<button onclick="openMedia('unc_path_to_file')">Open</button>

JavaScript的:

function openMedia(path){
    //These are not working
    $("file").empty();
    $("file").html("<p>Hello World</p>");
}

我似乎无法在网上找到任何这种路线的例子,所以我认为我走的是错误的道路/没有理解的东西.任何帮助,将不胜感激!

Answer 1

您需要一个#字符来表示您正在按ID进行选择.

$("#file").empty();
$("#file").html("<p>Hello World</p>");

请参阅:http://api.jquery.com/id-selector/

jQuery将无法直接访问UNC路径,但是您可以将路径传递给PHP passthrough脚本,然后PHP可以为您获取文件:

$("#file").load("getFile.php?path=" + path);

这假设您编写了一个getFile.php脚本来获取所需的文件并将其返回(小心,您需要严格验证path传入的文件,这很容易被滥用).