Javascript HREF到DIV值_Javascript_Jquery_Html_Href

Javascript HREF到DIV值

javascript jquery html

Javascript HREF到DIV值,javascript,jquery,html,href,Javascript,Jquery,Html,Href,我有以下代码： <a href="test" class="1"> text</a> 是否有可能将href添加到此id=“测试”中？我的意思是，我想单击“text”并用id=“test”打开div。您可以在文档中创建锚定链接，从而使浏览器滚动到给定元素您需要为此使用ID： <a href="#mydiv"> text</a> <div id="mydiv"> x </div> x 也就是说，链接的href需要指向

我有以下代码：

<a href="test" class="1"> text</a>

是否有可能将

href

添加到此id=“测试”中？我的意思是，我想单击“text”并用

id=“test”

打开div。您可以在文档中创建锚定链接，从而使浏览器滚动到给定元素

您需要为此使用ID：

<a href="#mydiv"> text</a>

<div id="mydiv"> x </div>

也就是说，链接的href需要指向DIV元素的ID

但是，如果希望链接显示DIV，请执行以下操作：

<a href="#mydiv" onclick="document.getElementByid('mydiv').style.display = 'block';">text</a>

<div id="mydiv" style="display:none;">This div is hidden by default, but will be visible once the link is clicked ....</div>


默认情况下，此div是隐藏的，但单击链接后将可见。。。。

如果将

值

更改为

id

（

值

不是

div

元素支持的属性），则可以通过单击链接显示隐藏的div：


函数showDiv（）
{
//显示div的代码
}
x

尚未测试，但它应该可以像这样工作

试试这个
try this
<!DOCTYPE html>
<html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">          </script>
<script>
$(document).ready(function () {
     $("a").click(function(){
     $("#test").slideDown();
  });         
    });
 </script>
 </head>
  <body>
 <a href="#">text</a>
<div id="test" style="display:none">x</div>
 </body>

 </html>  

$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“#测试”）.slideDown（）；
});         
});
x

您可以使用jquery执行此操作

HTML：

<a href="#test" class="1" > text</a> //ENTER THE ID IN HREF
<div id="test" class="element" value="test"> x </div> // ENTER THE HREF AS DIV ID

p.S：如果要

隐藏/显示单击
x
为什么div
有值？你说的“开放式div”是什么意思？如果您试图显示/隐藏元素，可能需要使用一些JavaScript功能；但是，您需要花几分钟的时间来更准确地解释您的问题和您试图解决的问题。Css类不能以数字开头，value不是div元素的有效属性，很可能是在完成jquery（例如：show、slideDown、fadeIn）之后。。。。首先，当我读到他的问题时，我认为他只是在问如何让链接点指向div，这就是为什么我建议使用锚功能。
try this
<!DOCTYPE html>
<html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">          </script>
<script>
$(document).ready(function () {
     $("a").click(function(){
     $("#test").slideDown();
  });         
    });
 </script>
 </head>
  <body>
 <a href="#">text</a>
<div id="test" style="display:none">x</div>
 </body>

 </html>  

<a href="#test" class="1" > text</a> //ENTER THE ID IN HREF
<div id="test" class="element" value="test"> x </div> // ENTER THE HREF AS DIV ID

$("a").click(function () {
    var id_name = this.hash.substr(1); //gets the text after # in href
    $("#" + id_name).show(); //it displays the div which has that id
});