現在有一個串列,我正在嘗試使用 push 獲取陣列中的串列資料,但是只獲取類而不是文本。如何解決這個問題?
我的代碼:-
$(function() {
$('button').click(function() {
let tags = [];
tags = $('span.tag').each(function() {
tags.push($(this).text());
});
console.log(tags);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="tag label label-primary">test</span>
<span class="tag label label-primary">new</span>
<button>Get Value</button>
謝謝!
uj5u.com熱心網友回復:
您已使用 選擇了目標$('span.tag')。你必須正確地回圈它。
您可以遍歷選擇器中的每個元素并使用選擇器中的每個元素訪問$(node).text()文本node。
您可以運行 aeach并將其推送到tags陣列
$('span.tag').each(function (index, node) {
tags.push($(node).text());
});
作業小提琴
$(function () {
$('button').click(function () {
let tags = [];
$('span.tag').each(function (index, node) {
tags.push($(node).text());
});
console.log(tags);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="tag label label-primary">test</span>
<span class="tag label label-primary">new</span>
<button>Get Value</button>
Array.map 執行
$(function () {
$('button').click(function () {
const tags = Array.from($('span.tag').map((index, node) => $(node).text()));
console.log(tags);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="tag label label-primary">test</span>
<span class="tag label label-primary">new</span>
<button>Get Value</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/417446.html
標籤:
