$("ul li")click(function(index){ //function 参数Index就是下标
alert($(this)text());//这里得到文本
});
1、打开html开发工具，新建一个html代码页面。
2、在html页面创建三个p标签，给这三个p标签设置不同的内容。
3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。
4、 在jquery引用库标签后面新建一个script标签，在这个标签里面添加一个DOM加载完成后执行函数。
5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。
6、保存html代码后使用浏览器打开，点击p标签d出框就会显示当前点击标签的上一个标签的内容。
html中获取标签的数据，可以通过js来获取，如下代码：
<script type="text/javascript" src="js/jqueryjs"></script>
<script type="text/javascript">
function validate(){
//一 ．是通过jDOM
// var attitudeObj = documentgetElementById("attitude");
//var attitude = attitudeObjinnerHTML;
//二 ．是通过jquery
var att = $("#attitude")text();//可以得到输入域中的内容
var idnum = $("#idnum")val();
var name = $("#name")val();
var t_name = $("#t_name")val() ;
var pro_name = $("#pro_name")val() ;
// alert(att);
if( name == null || name == "" ){
alert("请输入毕业设计名称!");
return false;
}
att = attreplace(/\s+/g,"");
if( att == null || att == ""){
alert("请输入选题须知！");
return false;
}
if( t_name == null || t_name == "" ){
alert("请选择教师!");
return false;
}
if( pro_name == null || pro_name == ""){
alert("请选择专业！");
return false;
}
location="teacher/mainfrajsp";
//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;
return true;
}
</script>
</head>
<body">
<div >
<div style="margin-left: 100px;">
<!-- <form action="teacherAction_AddGraduationTitleaction" method="post" >-->
<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>
<br/>
<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>
<span>所属教师：</span><select name="t_name" id="t_name">
<option></option>
<s:iterator value="teacherList">
<option value="<s:property value='idnum' />"><s:property value="name" /></option>
</s:iterator>
</select> <br/> <br/>
<span>所属专业：</span><select name="pro_name" id="pro_name">
<option></option>
<s:iterator value="professionList">
<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>
</s:iterator>
</select>
<br/>
<br/>
<span>选题须知：</span>
<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">
</textarea>
<br/>
<br/>
<input type="button" value="添加"> <input style="margin-left: 100px" type="reset" value="重置">
<!-- </form> -->
</div>
</div>
</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RunJS</title>
<style>
</style>
<script id="jquery_180" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-180minjs"></script>
<script type="text/javascript">
$(function(){
$("#add")click(function(){
var me = $(this), mp = meparents("son");
var c = $trim(mpfind("span:first")prop("nextSibling")nodeValue);
var xy = prompt("添加" + c,"");
});
});
</script>
</head>
<body>
<div class="son">
<tr>
<th><span>X</span>版本:</th>
</tr>
<tr>
<td>
<div><span>X</span>移动版</div>
</td>
<td>
<div><span>X</span>联通版</div>
</td>
<td>
<div><span>X</span>电信版</div>
</td>
<td>
<div><span>X</span>双网通</div>
</td>
<td>
<div><span>X</span>全网通版</div>
</td>
<td style="border-style:none">
<div id="add">add</div>
</td>
</tr>
</div>
<!-- 功能要求： 点击td里面的span标签 获得 当前 <div class='son'></div> 里面的 th 值 （既 获得 <th><span></span>版本:</th>） -->
</body>
</html>
这个是jquery很详细的 你可以看看
:nth-child(index/even/odd/equation)
匹配其父元素下的第N个子或奇偶元素
':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！
可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)
--------------------------------------------------------------------------------
Matches the nth-child of its parent
While ':eq(index)' matches only a single element, this matches more then one: One for each parent The specified index is one-indexed, in contrast to :eq() which starst at zero
返回值
Array<Element>
参数
index (Number) : 要匹配元素的序号，从1开始
示例
在每个 ul 查找第 2 个li
HTML 代码:
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul> jQuery 代码:
$("ul li:nth-child(2)") 结果:
[ <li>Karl</li>, <li>Tane</li> ]
以上就是关于jquery 如何取得当前所选元素的下标和内容全部的内容，包括:jquery 如何取得当前所选元素的下标和内容、jQuery怎么获取当前li元素顺序、html的标签，如何获取当前选中的项的内容呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）