比较简单, 用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是第几个等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)