复杂元素-通过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获取多元素中指定元素的值的主要内容,如果未能解决你的问题,请参考以下文章

复杂元素-通过class获取多元素中指定元素的值

复杂元素-通过class获取多元素中指定元素的值

复杂元素-通过class获取多元素中指定元素的值

Python如何获取这个字典中指定列表和指定元素?

js怎么获取表格中指定行某一列的值

js获取URL中指定的值