我試圖在點擊按鈕時，在一個div中輸出一個按鈕的值。在點擊一次時，該值會被正確輸出，但我想做的是以逗號分隔的格式，在多次點擊按鈕時輸出該值。 例如 -
< button class="click"/span> value="car"/span>> Button</button>。
<div class="demo"/span>> </div>
如果我點擊這個按鈕3次，那么輸出應該是car,car,car。 我正試圖這樣做，但它不作業。
<script>
$(".click").click(function() {
$(this).addClass("selected") 。
var data=$(".click").map(function () {
return this.value;
}).get().join("，")。
$(".demo").text（資料）。
});
</script>
uj5u.com熱心網友回復：
你可以在用戶每次點擊按鈕時，將,car附加到textContent。你還需要在一個布林值中存盤這是否是第一次點擊，如果是，則修剪掉第一個字符。
var isFirst = true;
$(".click").click(function(>) {
$(this).addClass("selected") 。
$('.demo').text(($('.demo') 。 text() ',car').substring（isFirst ? 1 : 0)
isFirst = false
});<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<button class="click"/span> value="car">> Button</button>。
<div class="demo"/span>> </div> uj5u.com熱心網友回復：
如果你每次都需要逗號分隔的值，那么可以試試這個
var result = ''/span>;
$(".click").click(function () {
$(this).addClass("selected") 。
var data = $(".click").map(function() {
return this.value;
}).get（）。
if ($(".demo").text() == " ) {
結果 = 資料。
} else {
result = result ',' data;
}
$(".demo").text（結果）。
});
uj5u.com熱心網友回復：
。（function($){
jQuery.fn.isEmpty = function() {
return !$.trim(this.html())。length;
};
}(jQuery))。
$(".click").click(function() {
$(this).addClass("selected") 。
const limit = 3, sep = ',', $demos = $（".demo"）。
if($demos.html().split(sep).length < limit){
$demos.append(($demos.isEmpty)? '' : sep) $(this).val()。
}
});<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<button class="click"/span> value="car">> Button</button>。
<div class="demo"/span>> </div> 轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/319904.html
標籤：