请问如何用JS获取所有LI中第三个<SPAN>里隐藏内容的循环处理

请问如何用JS获取所有LI中第三个<SPAN>里隐藏内容的循环处理,第1张

能表达清楚点么?

$("#index_tab01>li>span:nth-child(3):hidden")each(function() {

if (parseInt($(this)text()) > 18) {

$(this)hide();

} else {

$(this)show();

}

});

这种效果?

这里以jquery为例

思路:

当点击按钮的时候,获取当前按钮所被包含的元素,再查找这个元素里面对应的span节点

1、html代码

<div>

js如何获取当前<span>对象</span>的下一个span节点,代码在下面。

<input type="button" id="btn" value="获取span节点" />

</div>

2、js代码

<script>

$("#btn")click(function(){

    var spanhtml=$(this)parent()find("span")html();//查找当前按钮的父元素,根据父元素查找包含的span节点

    alert(spanhtml);//d出获取的内容

});

</script>

运行,将获取span的内容“对象”二字。

因为问题中是要获取当前对象下的节点,所以代码中将input放在div里面。

这种情况使用jquery的类选择器, 用each遍历出来

$("selectlist")each(function (this){

consolelog($(this)val());

});

通过id获span里面的值

var x1 = documentgetElementById("testid")innerText; 

alert("x1="+x1);var x2 = documentgetElementById("testid")innerHTML; 

alert("x2="+x2)

<script>

/假如入指定的数值为15/

var num=15;

$('#index_tab01 jie')each(

function()

{

var new_num=$(this)html();

if(new_num>num)

{

$(this)hide();

}

}

);

</script>

希望可以帮到你

<!doctype html>

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<li>

<div class="vt-el-inner">

<div class="inner-logo">

<img src="/PPIMG/001jpg">

</div>

<div class="inner-title"><span>1</span>马格全屋定制</div>

<div class="inner-btn">

<div class="vote-count fl">7899票</div>

<button class="vote-send fr" onclick="asd(this)">投TA一票</button>

</div>

</div>

</li>

<li>

<div class="vt-el-inner">

<div class="inner-logo">

<img src="/PPIMG/002jpg">

</div>

<div class="inner-title"><span>2</span>马格全屋定制</div>

<div class="inner-btn">

<div class="vote-count fl">789票</div>

<button class="vote-send fr" onclick="asd(this)">投ta一票</button>

</div>

</div>

</li>

<script type="text/javascript" src="jquery-321js"></script>

<script type="text/javascript">

function asd(obj){

var ret = $(obj)parent()siblings("inner-title")find("span")html();

consolelog(ret)

}

</script>

</body>

</html>

需要引入jquery

使用windowgetSelection()getRangeAt(0)toString();

注意window对象,iframe中的选中使用相应的window对象

定位光标的话,有些可以使用focus函数。对于不可编辑的区域要使用Range对象。

然后windowgetSelection()removeAllRanges();//去除现有的光标(选中区域)

windowgetSelection()addRange(Range对象);//添加选中区域选中的范围

以上就是关于请问如何用JS获取所有LI中第三个<SPAN>里隐藏内容的循环处理全部的内容,包括:请问如何用JS获取所有LI中第三个<SPAN>里隐藏内容的循环处理、js如何获取当前对象的下一个span节点,代码如下、js获取span的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9307460.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存