.html()使用问题

$('.card-option').on("click",function () {
    $('.select').html(this);
});

html

<div class="select inline-div">
                    <div class="inline-div card-select"><img class="bank-ico" src="../../static/i/withdraw/ico-zhaoshang.png"/><span class="bank">招商银行</span><span class="last-num">单笔3万，单日7万</span></div>
                </div>
                <p class="add-card">添加一张银行卡
                <div class="options">
                     <div class="card-option"><img class="bank-ico" src="../../static/i/withdraw/ico-zhaoshang.png"/><span class="bank">招商银行</span><span class="last-num">单笔3万，单日7万</span></div>
                     <div class="card-option"><img class="bank-ico" src="../../static/i/withdraw/ico-zhaoshang.png"/><span class="bank">中国银行</span><span class="last-num">单笔3万，单日7万</span></div>
                     <div class="card-option"><img class="bank-ico" src="../../static/i/withdraw/ico-zhaoshang.png"/><span class="bank">中国建设银行</span><span class="last-num">单笔3万，单日7万</span></div>
                </div>

单击card—option时将select里的内容替换，但之后card-option就不显示了，怎么让它依然显示呢

---

哦，我刚才没看清楚。你就是想要替换.card-select图片和其他标签内容的是不？你试试看行不行

$('.card-option').on("click",function () {
    var _html = $(this).html();
    $('.select').html(_html);
});

---

如果按你描述的来说，应该只是替换掉card-select中的内容，而不是外层的select;

$('.card-option').on("click",function () {
    var _html = $(this).html();
    $('.card_select').empty().append(_html);
});