javascript - 如何在两个面包屑之间添加 gt 符号？

Question

$('.title').click(function(){
	var cnt = $(this).text();
	var obj = $("<div class='crumb'>" + cnt + "</div>");
	obj.appendTo('#path');
});

.crumb{
display:inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='path' id='path'>
<div class='crumb'>home</div>
</div>

<br><br>

<div class='title'>lorem</div>
<div class='title'>ipsum</div>

这可行，但我需要在两个面包屑之间添加>符号。

即新内容应为 home > lorem

我尝试了各种转义方法 - \>、> - 但没有成功。

Answer 1

var obj = $("<div class='crumb'>" + ">" + cnt + "</div>");

$('.title').click(function(){
	var cnt = $(this).text();
	var obj = $("<div class='crumb'>" + ">" + cnt + "</div>");
	obj.appendTo('#path');
});

.crumb{
display:inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='path' id='path'>
<div class='crumb'>home</div>
</div>

<br><br>

<div class='title'>lorem</div>
<div class='title'>ipsum</div>