jquery-用jquer如何给 <li> 标签下的 所有的第二个和第三个<span>标签赋值

问题描述

用jquer如何给 <li> 标签下的 所有的第二个和第三个<span>标签赋值

解决方案

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<ul id="ul">
    <li>
        <a href="javascript:void(0)">
            <span>卖5</span>
            <span class="" id="mcjg5">--</span>
            <span id="mcs15">--</span>
        </a>
    </li>
    <li>
        <a href="javascript:void(0)">
            <span>卖4</span>
            <span class="" id="mcjg4">--</span>
            <span id="mcs14">--</span>
        </a>
    </li>
</ul>
<script>
    $('#ul li span:not(:first-child)').html('new value');
</script>

解决方案二:

 <html>
<head>
    <script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            var span1 = $("ul li a span[id*=mcjg]");
            $.each(span1,function(i,val){
                $("#"+val.id).html(i+"_"+ val.id);
            });

            var span2 = $("ul li a span[id*=mcs1]");
            $.each(span2,function(i,val){
                $(this).html(i+"_"+ val.id);
            });
        });
    </script>
</head>
<body>
    <ul>
        <li>
            <a href="javascript:void(0)">
                <span>卖5</span>
                <span class="" id="mcjg5">--</span>
                <span id="mcs15">--</span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0)">
                <span>卖4</span>
                <span class="" id="mcjg4">--</span>
                <span id="mcs14">--</span>
            </a>
        </li>
    </ul>
</body>
</html>

解决方案三:

$("#mcsl5").val("balabala")

解决方案四:

$("#mcsl5").html("balabala")

时间: 2024-09-18 08:28:10

jquery-用jquer如何给 &amp;lt;li&amp;gt; 标签下的 所有的第二个和第三个&amp;lt;span&amp;gt;标签赋值的相关文章

css-关于CSS,li标签下数字的数量级差距比较大,大数字字号自动缩小了,怎么强制其不缩小

问题描述 关于CSS,li标签下数字的数量级差距比较大,大数字字号自动缩小了,怎么强制其不缩小 如题,小白不懂CSS,现在有一个页面,其中一个对象下li标签有两个结果,比如一个数字是10,而另一个是100000000,而这数量级差距很大,这时100000000就会变得很小,需求让改成而这必须一样大的字号,请问哪些属性能控制字号的自动适应标签区域 解决方案 比如一个数字是10,而另一个是100000000,而这数量级差距很大,这时100000000就会变得很小,需求让改成而这必须一样大的字号,请问

脚本-Jquery table添加一行数据,点击添加后刷新下又没了

问题描述 Jquery table添加一行数据,点击添加后刷新下又没了 在html运行是没有问题,html效果: 在jsp的效果,点击添加闪一下又恢复到最开始的状态(下面是瞬间截取的图片): js脚本: tab代码: 也不报错,很奇怪 解决方案 关于BindingSource添加一行数据jquery table动态添加一行jquery动态添加删除一行数据 解决方案二: 你在刷一下jsp,js重新加载 所以你拼接的代码又回到了初始的jsp状态了 当然就没有了 解决方案三: 你的button是不是想

jQuery ul标签下拉菜单演示代码_jquery

这是菜单的内容,用ul标签实现菜单: 复制代码 代码如下: <div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a> <u

jquery 如何获取某个标签下面的img标签?

问题描述 现在可以通过 var $current = $("#slideshow div.current");获取<selection>标签,如何获取此标签下面的img属性,然后获取此img的宽度? 解决方案 var $current = $("#slideshow div.current")在使用find()方法可以找到子元素然后遍历 $current.find("img").each(function(i){ $(this).wi

Jquery的hover方法让鼠标经过li时背景变色_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

一个Jquery做的星星评级控件,现在只是弹窗告诉我选择了几分,但我想把这个分数值获取过来赋值到label

问题描述 <scripttype="text/javascript">$.fn.studyplay_star=function(options,callback){//默认设置varsettings={MaxStar:20,StarWidth:23,CurrentStar:5,Enabled:true};if(options){jQuery.extend(settings,options);};varcontainer=jQuery(this);container.css(

jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果_jquery

在网站建设中,特别是做商城和产品网站,通常会用到导航弹出菜单,像是jquery写的仿京东导航菜单,一个经典的左侧多级导航菜单,学会了可以任意改变布局.京东菜单已经有不少JS前端爱好者仿写过,今天蚂蚁网络重新与大家分享一款仿京东商城的商品多级分类菜单,精简版代码 先看下jquery仿京东导航效果: 前端html代码如下: 复制代码 代码如下: <ul> <li><a href="#">baidu</a></li> <div

web前端-WEB前端基础 下列代码中,错误的是()?

问题描述 WEB前端基础 下列代码中,错误的是()? A. 01发票信息 发票抬头: 发票内容: B.发票信息 发票抬头: 发票内容: C.% D. 搜索"恒高科技": 解决方案 web前端基础Web前端基础[WEB基础]⑤一些前端小东西 解决方案二: 你这个是不是有格式的啊? 解决方案三: 我表示看不懂,是不是内容不全啊 相关文章 代码-WEB前端基础 答案为什么是B html-如何才能系统的学习web前端呢 web前端-css遇到十分基础的问题,求解释 web前端框架挑选问题,踊跃

借用Snippet插件美化博客中的代码

书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件.   笔者在网上翻阅的时候发现了Snippet插件,其支持众多的代码类的美化--例如:HTML.CSS.JS.C#等.并有39种不同的美化风格可供选择. 其官网地址:Snippet插件官网.在官网上,已经比较详细的介绍了插件的使用方法,这里就不在赘述了.   和许多美化插件一样,该插件是基于JQuery的,故在使用的时候,要先引用相关的文件,如