使用隐藏字段获取div标签的ID

时间:2014-05-27 11:46:26

标签: c# javascript jquery html

我的项目中有六个div标签和一个隐藏字段。在鼠标悬停这个每个div我想要使用隐藏字段获取div的值。有没有办法解决这个问题?

以下是我的代码:

<div class="item user">

<h2>qhse</h2>   
<div id='qhse' class="qhse" runat="server" > 

</div>

</div>
<div class="item home">
<a href="#" class="icon"> </a>
 <h2>policies</h2>
<div id='hexa' class="hexa" runat="server" > 

</div>
</div>
<div class="item shop">
<a href="#" class="icon"> </a>
<h2>procedures</h2>
<div id='policies' class="policies" runat="server">

</div>
   </div > 
<div class="item camera">
<a href="#" class="icon"></a>
<h2>certificates</h2>
 <div id='certificates' class="certificates" runat="server"  >  


</div>
   </div >
<div class="item fav">
<a href="#" class="icon"></a>
<h2>forms</h2>
<div id='forms' class="forms" runat="server"  >

</div>
   </div >
<div class="item last">
<a href="#" class="icon"></a>
<h2>hexa</h2>
<div id='procedures'  class="procedures" runat="server" >

</div>
   </div >
</div>

我希望使用javascript获取隐藏字段中每个div的ID。

的Javascript

$(function () {
    $('#nav > div').hover(function () {
        var $this = $(this);
        $this.find('div').stop().animate({
             document.getElementById("<%= hdnSelected.ClientID %>").value = "Policies";
        });

但是做这个方法我只得到一个div的id。我需要得到所有div的id。

由于

1 个答案:

答案 0 :(得分:2)

试试这个

$(function(){
    var field = $('#<%= hdnSelected.ClientID %>');
    $('#nav').on('mouseover', '.item > div[id]', function() {
       field.val(this.id);
    });
});