<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div id="text">上午，主持召开金砖国家领导人小范围会议、大范围会议。小范围会议主要议题包括世界经济形势和全球经济治理、国际和地区热点问题、国家安全和发展！大范围会议重点讨论深化金砖合作、开展人文交流、推进机制建设等问题？</div>
<button type="button" id="btn">分割</button>
<ul id="box"></ul>
<script type="text/javascript">
$(function(){
var text=$("#text").text();
function GetQueryString(name){
var result='';
var m = name.match(/[^！。？]+(?=[！。？])/g);
for(var i=0;i<m.length;i++){
result+="<li><span>"+m[i]+"</span></li>"
}
$('#box').append(result);
}
$("#btn").click(function(){
$("#box").empty();
GetQueryString(text)
})
})
</script>
</body>
</html>