jquery - 如何获取前面元素的html

Question

<span class='spanpath'>a</span>
<span class='spanpath'>b</span>
<span class='spanpath'>c</span>
<span class='spanpath'>d</span>
<span class='spanpath'>e</span>

js

$('.spanpath').click(function(){
var a = html of all preceding spans + html of clicked span
});

例如，如果单击spanpath c，结果应为

<span class='spanpath'>a</span>
<span class='spanpath'>b</span>
<span class='spanpath'>c</span>

有什么帮助吗？

Answer 1

使用 preveAll() 获取所有先前的项目，然后使用 addBack() 将项目本身包含在对象中。

$('.spanpath').click(function(){
  var a = $(this).prevAll('.spanpath').addBack();
  console.log(a.clone().wrapAll('<p>').parent().html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<span class='spanpath'>a</span>
<span class='spanpath'>b</span>
<span class='spanpath'>c</span>
<span class='spanpath'>d</span>
<span class='spanpath'>e</span>