使用jQuery将breadcrumb文本添加为​​body类

Question

我需要添加被视为正文类的产品类别。该网站建立在bigcommerce.com上，据我所知，这是不可能的变量。

所以我试图从面包屑中提取类别并将其添加为正文类。

我有面包屑

<div class="Block Moveable Panel Breadcrumb" id="CategoryBreadcrumb">
    <ul class="last">
        <li><a href="http://legacy-food-storage.mybigcommerce.com/">Home</a></li>
        <li>Other Products</li>
    </ul>
</div>

我有我的jquery

<script type="text/javascript">        
$(document).ready(function() {
  var topCategory = $('#CategoryBreadcrumb ul li:nth-child(2)').text.replace(/\s/g, '-');
  $('body').addClass(topCategory);
});
</script>

我不知道我做错了什么。

Answer 1

您应该使用text()功能

$(document).ready(function() {
  var topCategory = $('#CategoryBreadcrumb ul li').last().text().replace(/\s/g, '-');
  console.log(topCategory)
  // $('body').addClass(topCategory);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="Block Moveable Panel Breadcrumb" id="CategoryBreadcrumb">
    <ul class="last">
        <li><a href="http://legacy-food-storage.mybigcommerce.com/">Home</a></li>
        <li>Other Products</li>
    </ul>
</div>
<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script>