ios 提取html字符串中的imgURL和移除html标签的方法

ios 提取html字符串中的imgURL和移除html标签的方法,第1张

当我们遇到后台返回的是一串html'字符串,这个字符串中包含的有imgURL标签和文字,而需要是把文字和图片分别展示出来, 这个时候就需要先把里面的图片url提取出来,然后在使用imageView展示。现在问题的关键是如何把所有的imgURL拿出来呢? 其实很简单, 一个正确的正则表达式 <(img|IMG)(.*?)(/>|></img>|>) 即可实现我们要的效果

顺便附上一个移除html标签的方法

主要是根据id来删除。

核心代码:

doc.getElementById("detail_question").remove()

实际例子如下:

从baseHtml这断代码中删除指定id的标签:

String baseHtml = "<div id='stylized' class='myform'>"

+ "<input id='txt_question' name='preg' type='text' disabled='disabled' style='width:150px'>"

+ "<div id='detail_question'>Rock</div></div>"

Document doc = Jsoup.parse(baseHtml)

doc.getElementById("detail_question").remove()

Elements elements = doc.select("div")

System.out.println(elements)

输出的结果中没有detail_question这个div节点了:

<div id='stylized' class='myform'>

+ "<input id='txt_question' name='preg' type='text' disabled='disabled' style='width:150px'>

用Js匹配li的t内容就可以的,看如下代码:

<!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="Content-Type" content="text/html charset=utf-8" />

</head>

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

<body>

    <div id="seltime1">

        <ul id="tbustime">

            <li t="11:00" p="60" c="50">

                <div>11:00-12:00</div>

                <div><b>50/50</b></div>

            </li>

            <li t="13:00" p="30" c="10">

                <div>13:00-13:30</div>

                <div><b>10/10</b></div>

            </li>

            <li t="13:30" p="60" c="10">

                <div>13:30-14:30</div>

                <div><b>10/10</b></div>

            </li>

        </ul>

    </div>

    <div>

<input type="button" value="移除" id="removeLi">

    </div>

</body>

<script type="text/javascript">

$(document).ready(function(){

    $('#removeLi').click(function(){

        $('#tbustime').find('li').each(function(){

            var t = $(this).attr('t')

            if(t == '13:30'){

                $(this).remove()

            }

        })

    })

})

</script>

</html>

粘贴后试试,记得引入jquery类库,若有任何疑问,欢迎追问....


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

原文地址: http://outofmemory.cn/zaji/7083012.html

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

发表评论

登录后才能评论

评论列表(0条)

保存