使用Jquery 怎样修改内部DIV层的title属性值

使用Jquery 怎样修改内部DIV层的title属性值,第1张

如果你单单修改这一个div,必须要有指定的 ID 或唯一的 class 来定位 div

class="d" 应该不可用,因为其它 div 可能也有 d 这个 class

你的 tag="dirs" 中的 tag 不是合法属性,如果是 HTML5,可以使用 data-tag="dirs"

所以要修改 title 值,你最好能提供一下上下文(div id="58972" 的 父层)

1、新建一个html文件,命名为test.html,用于讲解。

2、在test.html文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。

3、在test.html文件内,给a标签添加title属性,属性值为“这是测试的链接”。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。

6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。

1、问题背景

(1)jqGrid生成表格带有标题,固定不变的

(2)表格标题随着年份进行变化

2、实现源码

[html] view plain copy print?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>如何设置表格caption值</title>

<link rel="stylesheet" href="../css/ui.jqgrid-bootstrap-ui.css" />

<link rel="stylesheet" href="../css/ui.jqgrid-bootstrap.css" />

<link rel="stylesheet" href="../css/ui.jqgrid.css" />

<script src="../js/jquery-1.11.0.min.js"></script>

<script src="../js/jquery.jqGrid.min.js"></script>

<script src="../js/i18n/grid.locale-cn.js"></script>

<script>

$(function(){

var date = new Date()

var year = date.getFullYear()

var student = [

{id:'001',name:'zhangsan1',sex:'m',age:23},

{id:'002',name:'zhangsan2',sex:'w',age:20},

{id:'003',name:'zhangsan3',sex:'m',age:22},

{id:'004',name:'zhangsan4',sex:'w',age:21},

{id:'005',name:'zhangsan5',sex:'m',age:19},

{id:'006',name:'zhangsan6',sex:'w',age:18},

{id:'007',name:'zhangsan7',sex:'m',age:24},

{id:'008',name:'zhangsan8',sex:'w',age:20},

{id:'009',name:'zhangsan9',sex:'m',age:25},

{id:'010',name:'zhangsan10',sex:'w',age:23}

]

$("#title-grid-table").jqGrid({

data:student,

datatype:'local',

caption:'学生信息表',

height:'auto',

rowNum: 30,

rowList: [10,20,30],

colNames:['编号','姓名','性别','年龄'],

colModel:[

{name:'id',index:'id', width:300, sorttype:"int"},

{name:'name',index:'name', width:300,editable:true},

{name:'sex',index:'sex',width:300},

{name:'age',index:'age',width:300}

],

pager: "#title-grid-pager",

viewrecords: true,

sortname: 'name',

loadComplete:function(){

$(this).jqGrid("setCaption",year+"年毕业学生信息表")

}

})

})

</script>

</head>

<body>

<div>

<table id="title-grid-table"></table>

<table id="title-grid-pager"></table>

</div>

</body>

</html>

3、问题说明

(1)固定标题属性直接使用caption

(2)重新设置标题的方法是setCaption


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7957442.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存