复杂元素-通过class获取多元素中指定元素的值
Posted ispotu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了复杂元素-通过class获取多元素中指定元素的值相关的知识，希望对你有一定的参考价值。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color","red");
alert($("div.dd.gg:eq(2) #upload-id").val());
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<div class='dd gg'>This is a .
<input type="text" id="upload-id" name="uploadId" class="field-medium" value="python语言" readonly/></div>
<div class='dd gg'>This is another .
<input type="text" id="upload-id" name="uploadId" class="field-medium" value="go语言" readonly/>
</div>
<div class='dd gg'>
This is my .
<input type="text" id="upload-id" name="uploadId" class="field-medium" value="feeme" readonly/>
</div>
<button type="button">Click me</button>
</body>
</html>
任务目标：获取最后一个id为uplaod-id的input的值
（1）通过name获取
$("div.dd.gg:last input[name='uploadId']").val()
（2）通过class获取（注意不同元素之间要空格隔开）
$("div.dd.gg:last .field-medium").val() 或$("div.dd.gg:last input.field-medium").val()
（3）通过id获取
$("div.dd.gg:last #upload-id").val()
（4）通过:eq()选择器(自由选择指定序号的元素，序号从0开始)
$("div.dd.gg:eq(2) #upload-id").val()
以上是关于复杂元素-通过class获取多元素中指定元素的值的主要内容，如果未能解决你的问题，请参考以下文章