jq 如何获取元素属性

Question

<div>
<ul>
<li>
<dt>标题1</dt>
<dd class="left_content" style="display: none">内容1</dd>
</ul>
</li>
<li>
<dt>标题2</dt>
<dd class="left_content" style="display: none">内容2</dd>
</ul>
</li>
</div>
    <script type="text/javascript">
     $(document).ready(function(){
         $("a").hover(
             function (){
                 $('.left_content').show();
             },
             function (){
                 $('.left_content').hide();
             }
         );
     });
实现的目的 我鼠标移动到不同的标题上 显示每个标题的内容

Answer 1

我不懂的地方就是 JQ如何获取我鼠标移到的那个<A>元素属性！

Answer 2

<div> <ul> <li> <dt><a href='#'>标题1</a></dt> <dd class="left_content" style="display: none">内容1</dd> </ul> </li> <li> <dt><a href='#'>标题2</a></dt> <dd class="left_content" style="display: none">内容2</dd> </ul> </li> </div>  <script type="text/javascript">  $(document).ready(function(){ $("a").hover( function (){ $('.left_content').show(); }, function (){ $('.left_content').hide(); } ); });
</script>

Answer 3

 $(document).ready(function(){
         //$(this)
         $("a").hover(
             function (){
                 alert($(this).attr("href")); //获取a元素的href属性
                 $('.left_content').show();
             },
             function (){
                 $('.left_content').hide();
             }
         );
     });

Answer 4

$(document).ready(function(){
         $("a").hover(
             function (){
                 $(this).find('.left_content').show();
             },
             function (){
                  $(this).find('.left_content').hide();
             }
         );
     });
不知道行不行

Answer 5

我写的代码 只要我鼠标移到任意一个标题上 就显示 内容一  我想怎么确定显示<A>标签下的内容

Answer 6

你的a标签呢 HTML发出来吧 发全点

Answer 7

<div>
<ul>
<li>
<dt><a href=#>标题1</a></dt>
<dd class="left_content" style="display: none">内容1</dd>
</ul>
</li>
<li>
<dt><a href=#>标题2</a></dt>
<dd class="left_content" style="display: none">内容2</dd>
</ul>
</li>
</div>
    <script type="text/javascript">
     $(document).ready(function(){
         $("a").hover(
             function (){
                 $('.left_content').show();
             },
             function (){
                 $('.left_content').hide();
             }
         );
     });
</script>

Answer 8

$(".left_content") ==>
$(this).parent("dt").next("dd")

Answer 9

或者这样<dt id='test1'><a href=#>标题1</a></dt>
我鼠标移到标题1上 JQ获取ID 为她“test1” 这个如何写？

Answer 10

哦 我理解了this 可以获取鼠标的指向！ 是吧？

Answer 11

<div> <ul> <li> <a href="javascript:void(0);"><dt>标题1</dt> <dd class="left_content" style="display: none">内容1</dd> </a> </li> <li><a href="javascript:void(0);"<dt>标题2</dt> <dd class="left_content" style="display: none">内容2</dd></a> </li></ul>  </div>
<script type="text/javascript" src="jquery.js"></script> 
 <script type="text/javascript">  
$(document).ready(function(){ $("a").hover( function (){ $(this).find('.left_content').show(); }, function (){ $(this).find('.left_content').hide(); } ); });
</script>