JQuery无法动态获取li标签从数据库里读取的值

JQuery无法动态获取li标签从数据库里读取的值,第1张

比较简单, 用live:

$("#showtitle")live("click",function () {

                    var id = $("#showtitle>ul>li")attr("value");

                    alert(id);

 });

可以写一个函数,获取到数组。

正则表达式是:   <a[^>]>\s([^<])\s</a>\s<[^>]class="date">([^<])<

请对上面的 PHP中特殊符号进行转义。

$1  是内容,$2是日期

函数写法参考

<php

$str = '

<ul><li><a href="#">内容111</a></li><li><a href="#">内容111</a></li><li><a href="#">内容111</a></li><li><a href="#">内容111</a></li></ul>

<ol><li><a href="#">内容2</a></li><li><a href="#">内容2</a></li><li><a href="#">内容2</a></li><li><a href="#">内容12</a></li></ol>

';

$search = '/<ul>()<\/ul>/is';

preg_match_all($search,$str,$r,PREG_SET_ORDER );

print_r($r);

$search = '/<ol>()<\/ol>/is';

preg_match_all($search,$str,$r,PREG_SET_ORDER );

print_r($r);

>

1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。

var li=documentgetElementsByTagName("li");

for(var i=0;i<lilength;i++){

    documentwrite("第"+(i+1)+"个li<br>");

    var span=li[i]getElementsByTagName("span");

    for(var j=0;j<spanlength;j++){

        documentwrite("第"+(j+1)+"个span:"+span[j]+"<br>");

    }

}

对于BeautifulSoup来说<li class="" >跟<li>应该是一样的。需要配合正则表达式来完成。

html = "<ul><li>1</li><li class=''>2</li><li class='name'>3</li></ul>"

soup = BeautifulSoup(html, 'htmlparser')

elem = soupfind_all('li', attrs={'class':recompile('^\s$')})

打印出来的结果为:[<li class="">2</li>]应该是你要的东西了

希望对你有帮助

是这样的吗?用了一个HTML5的选择器--nth-child(用法的话建议你自己去查下,我说的不是很准确),具体代码如下:

<!DOCTYPE html>

<html lang="en" xmlns=">

<li class="pro_off">

            <div class="offers_money"><span>20</span>元</div>

            <div class="offers_moneys">满200可用</div>

            <div id="offers_id" style="display: none;">12</div>

        </li>

<li class="pro_off">

            <div class="offers_money"><span>20</span>元</div>

            <div class="offers_moneys">满200可用</div>

            <div id="Div1" style="display: none;">15</div>

        </li>

<li class="pro_off">

            <div class="offers_money"><span>20</span>元</div>

            <div class="offers_moneys">满200可用</div>

            <div id="Div2" style="display: none;">17</div>

        </li>

    </ul>

</body>

</html>

<script src="TravelCompany/js/jquery-183js"></script>

<script>

    //单击第三个li,显示第三个li的17所在的div

    $(function () {

        //第三个li的点击事件

        $("li:nth-child(3)")click(function () {

            //显示li后面第三个div

            $("#Div2")show();

        });

    });

</script>

//前面的$('li')是你已经获取到的li元素

//find()方法里面传的就是你想要获取的某个元素下面的元素方法

//栗子 :)

$('li')find("a");

希望能够帮到你

以上就是关于JQuery无法动态获取li标签从数据库里读取的值全部的内容,包括:JQuery无法动态获取li标签从数据库里读取的值、php 正则表达式 取出 li标签里的内容、js如何获取被点击li是第几个等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存