jquery如何获取一个元素中的有哪些数字,并打印出来

jquery如何获取一个元素中的有哪些数字,并打印出来,第1张

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料:编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素,代码实例如下:

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<style>

  body { font-size:16px; font-weight:bolder; }

  p { margin:5px 0; }

</style>

</head>

<body>

  <div>

    <span>Hello</span>

    <p class="selected">Hello Again</p>

    <div class="selected">And Again</div>

    <p>And One Last Time</p>

  </div>

<script>$("div")children("selected")css("color", "blue");</script>

</body>

</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:

思路:添加前先计算已经存在的同类节点的个数,那么新添加的编号加上1即可。下面实例演示——点击按钮添加新的文本框,并给出带有编号的注释文字:

1、HTML结构

<div id="test">

选项1:<input type="text"><br>

选项2:<input type="text"><br>

</div>

<input type="button" value="提交">

2、jquery代码

$(function(){

$(":button")click(function() {

var num = $("#test :text")length + 1;  // 计算同类节点数 + 1,即当前编号

$("#test")append("选项" + num + ":<input type='text'><br>");

});

});

3、效果演示

$('table tr td:not(:first-child)')css('background', '#000');

获取所有td,但是这个td不包含第一个子元素

单独获取一个列

// 获取第三列

$('table tr td:nth-child(3)')css('background', '#000');

JQ通过class取得元素是$("class")

请参考>

以上就是关于jquery如何获取一个元素中的有哪些数字,并打印出来全部的内容,包括:jquery如何获取一个元素中的有哪些数字,并打印出来、jquery怎么自动生成彩色的序列号、用jquery能使用$("tbody tr:even")来取得所有序号为偶数的单元格,那怎么来取得表格指定列的单元格呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9669774.html

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

发表评论

登录后才能评论

评论列表(0条)

保存