按钮onclick显示href链接

时间:2014-04-10 12:45:53

标签: javascript jquery html css

嗨我有一个问题,我无法解决我点击这个下面有一个HTML按钮代码我想要一个java脚本功能运行,将显示页面上的链接,然后当我按下我想要的第二个按钮一组单独的链接,用于显示任何想法如何执行此操作我的所有HTML元素都在a

我的HTML按钮就是这个我在按钮上放了类型,因为当它在表单中时它就像一个提交按钮。

echo"<button type=\"button\" id=\"1\" onclick =\"display(firstbox)\">";
echo "Firstbox";
echo "</button>";

这是所有内容都显示在

中的div
echo "<div id=\"links\"> 
echo "</div>";

我的JavaScript函数是这个

$("#1").click(function(){
$("#links").text("'<div id="id">' heeellllooooo '</div>'   ");
});

当我尝试这个时,当我摆脱HTML元素时显示没有任何东西它显示你好是因为我已经使用过.text我是否需要将其更改为其他内容或者是否有更好的方法来执行此操作不同的javascript或jquery函数或css任何东西都会很棒

任何想法或帮助都会非常感激,无论我尝试什么,我似乎无法让它发挥作用

最后我希望这些链接在你说这些链接

之内
<br/>
<br/>
<a href="./downloads/"> Guide to Producing a Video</a>
<br /><br />
<a href="./downloads/"> Guide to Producing a Academic Exercise</a>
<br /><br />
<a href="./downloads/"> Questionnaire</a>
<br /><br />
<a href="./downloads/"> Guide to Producing a Video</a>
<br /><br />
<a href="./downloads/"> Guide to Producing a Academic Exercise</a>
<br /><br />
<a href="./downloads/"> Questionnaire</a>

3 个答案:

答案 0 :(得分:1)

使用.html()$.html()将字符串视为HTML,$.text()将内容视为文本。请尝试:

$("#1").click(function(){
$("#links").html("<div id=id>heeellllooooo</div>");
});

答案 1 :(得分:0)

引号和标记中的问题

$("#links").html("<div id='id'> heeellllooooo </div>");

如果 id 是javascript变量。

答案 2 :(得分:0)

试试这个,DEMO

  $("#1").click(function(){
    $("#links").html('<div id="id">heeellllooooo</div>');
  });