简单的拼接字符串方法新建数组然后push（）进去内容最后join（“”）分割

最新推荐文章于 2024-06-27 18:25:42 发布

DeBruyne

最新推荐文章于 2024-06-27 18:25:42 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/DeBruyne/article/details/75208224

本文介绍了一个使用jQuery实现的点击事件，该事件用于当用户点击某个元素时，从父级及兄弟元素中获取信息，并将这些信息格式化后添加到页面底部的购物车列表中。同时，该功能还实现了购物车商品数量的实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Dom.$plus.one('click',function(){
var $tit = $(this).parent(".computed").siblings(".food_big_con_right_tit").html();
var $single_price = $(this).siblings(".single_price").html();
var result = [];
result.push('<li class="clearfix">');
result.push('<span class="food_name">'+$tit+'</span>');
result.push('<div class="do_list">');
result.push('<span>￥</span>');
result.push('<strong class="last_item_price">'+$single_price);
result.push('</strong>');
result.push('<img src="images/f/minus.png" class="minus">');
result.push('<span class="last_count">'+1);
result.push('</span>')
result.push('<img src="images/f/plus2.png" class="plus_count">');
result.push('</div> </li>');
result=result.join("");
$('.bottom_menu_list ul').append(result);
// 购物车的数量
var len = Dom.$bottom_menu_list.find("ul li").length;
Dom.$car_number.html(len);
});