如何用Jquery获取某一个Div的Class或者ID

有一个Div，我想获取其ID或者Class值。

那么我可以先定位到这个DIV,然后采用attr方法来获取其值：

假如说：有一段Html代码：

[html] view plain copy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果我想从submit处定位，获取到comment处DIv的ID，那么我就可以这样办：

ID值为：

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('id');

其值为：22;

CLASS值为：

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('class')

其值为：comment;

jquery 通过class获得id方法如下：

$("类名")取对象

$("类名")attr("id") 取对象的ID

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 60+, FF15+, Safari 20+, Opera 90+），jQuery20及后续版本将不再支持IE6/7/8浏览器。

个人喜欢原生JS 也不知道为啥，JQ 方便开发 ；

// html

<div id="box">

        <button id="timeBegin">计时开始</button>

        <button id="timeEnd">计时结束</button>

        <button id="timeClear">计时清除</button>

</div>

// jsvacsript

<script type="text/javascript">

        var idBox = documentgetElementById("box")getElementsByTagName("button");

        for(var i =0 ; i<idBoxlength ; i++){

            consolelog(idBox[i]id);

        }

</script>

记录生活的瞬间，分享学习的心得，感悟生活，留住感动，静静寻觅生活的美好 Jensonhui

页面嵌套母版页时再用 $("#id") 获取服务器端控件(runat="server") ID，就获取不到了我们可以查看页面源代码，发现ID已经被改了。

我们可以通过：

$("#<%=idClientID %>") 获取服务器控件ID或绑定一些事件。

如：

<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>为服务器端文本控件,想要在jquery中取到它客户端的ID需要进行

如下转换：

<script src="/js/jquery-191minjs"></script>

<script type="text/javascript">

$(function () {

var title = $("#<%=txtTitleClientID%>")val();

alert(title);

});</script>

如果是想在回调函数中取ID

如下：

callback:function(event){

var id = eventtargetgetAttribute("id");

}

给+-添加点击事件点击当前按钮，在根据当前的上一个prve（）获取输入框value（），然后自加，再重新赋值个输入框，减的做法类似，以下是我写过的代码，可以参考，方法都一样的

$("add")each(function() {

       $(this)click(function() {

        var vall = $(this)prev()val();

        vall++;

        $(this)prev()val(vall);

       

       })

      })

      //减

     $("reduc")each(function() {

       $(this)click(function() {

        var vall1 = $(this)next()val();

        vall1--;

        if(vall1 <= 0) {

         vall1 = 1;

        }

       $(this)next()val(vall1);

       })

      })

以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容，包括:如何用Jquery获取某一个Div的Class或者ID、jquery 通过class获得id、JQuery如何循环取出表单元素ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！