jquery-ui dialog 中的buttons如何指定id

默认的设置buttons，是这样的{buttons:{"按钮名1":function(){函数内容},"按钮名2":function(){函数内容},}}

"按钮名":function(){函数内容}

比如在页面有个按钮 id="btn" ,想通过$("#btn")控制dialog中的按钮是否显示的话，可以向下面这样做：

$(function(){

$("#btn")click(function(){

$("ui-button-text")each(function(){

if($(this)text() == "按钮名1"){

$(this)attr("id","btnCancel");

return false;

}

});

$("#btnCancel")parent()toggle();

});

});

原理就是：buttons:{……} 设置的名字，其实只是生成了一个<span>块，并为其文本节点赋值，而dialog插件会自动为其添加一个父元素<button>元素，因此切换显示/隐藏按钮，需要对这个父元素进行 *** 作。

希望对你有帮助！

有一个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中一般有3个关于改变元素class的函数

addClass、removeClass、toggleClass

addClass

描述: 为每个匹配的元素添加指定的样式类名

$('div')addClass('className');//为所有div添加名为className的class

removeClass

描述: 移除集合中每个匹配元素上一个，多个或全部样式。

$('div')removeClass('className');//将所有div上名为className的class移除

toggleClass

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加

思路：利用jQuery选择器直接根据类名获取对象→遍历对象→使用 attr() 方法获取id属性值。下面实例演示——获取所有class为test的元素的id值：

1、HTML结构

<div class="test" id="div_id">我的类是test，id是div_id</div>

<input type="text" class="test" id="input_id" value="我的类是test，id是input_id" />

<div class="test">我的类是test，没有id属性</div>

<li class="test" id="li_id">我的类是test，id是li_id</li>

<input type="button" value="确定">

2、jQuery代码

$(function(){

$("input[type='button']")click(function() {

var ids = [];

$("test")each(function(index, el) {

var id = $(this)attr("id");

if(typeof(id)!=='undefined'){

idspush(id)

}

});

alert(ids);

});

});

3、效果演示

使用Jquery获取某个div时需要这样写：$("#" + 所定义的id变量名)代码如下黑体加粗部分：

<div id="{{hospitalid + 'hospital'}}" class="z_tl z_t2 clearfix z_poaR"

ng-click="openDoctorList(hospitalid,hospitalname)">

$scopeopenDoctorList = function (id,hospitalName) {

$scopeuniqueHospitalId = id;

var hospitalId = id + "hospital";

if($scopecacheHospitalId != id){

  $("#"+hospitalId)attr("class","z_tl clearfix z_poaR");

}

if($scopecacheHospitalId == id){

$("#"+hospitalId)attr("class","z_tl z_t2 clearfix z_poaR");

$scopedoctorList = null;

}

$scopecacheHospitalId = id;

}

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

Jquery官方API -ID Selector (“#id”)

JQuery官方API接口-attr()

百度百科-JQuery

页面嵌套母版页时再用 $("#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>

个人喜欢原生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

以上就是关于jquery-ui dialog 中的buttons如何指定id全部的内容，包括:jquery-ui dialog 中的buttons如何指定id、如何用Jquery获取某一个Div的Class或者ID、jquery点击div更换class等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！