javascript - 如何在jquery中点击时显示最后一个li？

Question

所以我想要实现的是，当我点击按钮时 下面的内容应该滚动到只显示的程度 列表中的最后一个 li 元素，我正在使用 j 查询，但不是 工作。

	 $('button').click(function() {

	   var m = "-680px";
	   $('ul').animate({
	     marginLeft: '+=' + m
	   }, 500);


	 });

div {
  overflow: hidden;
  width: 500px;
}
ul {
  width: 2000px;
  list-style: none;
  padding: 0;
  margin: 0;
}
li {
  display: inline;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<button>click</button>
<div>
  <ul>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
  </ul>
</div>

Answer 1

// Code goes here 
$(document).ready(function(){ 
$('button').click(function() {
  var width = $('ul').find('li:last-child').css('width');
  var m =-($('ul').find('li:last-child').offset().left);
   var left = parseInt(m)+parseInt(width);
   alert(left);
   $('ul').animate({
     marginLeft: '+=' + left
   }, 500);
 });  
});

http://plnkr.co/edit/Tv6o4dYaq7FtqpRtBfzw?p=preview