1 回答

TA貢獻(xiàn)1797條經(jīng)驗 獲得超6個贊
您可以使用slice方法和querySelectorAll
>來做到這一點span
。替換標(biāo)題的文本。這將是Title 4
首先,我們將獲得您的跨度的實際textContent,然后我們使用 0,7 中的切片,它將 Just title excluding (#1843)
。
最后,我們將textContent
再次使用 span 中設(shè)置新標(biāo)題。
運(yùn)行下面的代碼片段以查看它是否正常工作。
function cutId() {
//get all tds
let allTds = document.querySelectorAll(".vpe-img-td span");
//Foreach Loop
allTds.forEach(function(data) {
//Get the text
let spanText = data.textContent
//Slice the title
let slice = spanText.slice(0, 7)
//Set title again
data.textContent = spanText.replace(spanText, slice)
})
}
cutId();
<div class="vpe_table_responsive">
<table class="vpe_table" id="vpe_table">
<thead>
<tr>
<th>Title</th>
<th>Title</th>
<th>Title</th>
<th>Title</th>
</tr>
</thead>
<tbody class="pagination_row">
<tr class="vpe_row variant-1843" data-tobeshown="no">
<td data-title="Title" id="vpe-title-td-1843" class="vpe-img-td">
<span>Talla 1 (#1843)</span>
</td>
<td data-title="Title" id="vpe-title-td-1843" class="vpe-img-td">
<span>Talla 2 (#8888)</span>
</td>
<td data-title="Title" id="vpe-title-td-1843" class="vpe-img-td">
<span>Talla 3 (#8216)</span>
</td>
<td data-title="Title" id="vpe-title-td-1843" class="vpe-img-td">
<span>Talla 4 (#1588)</span>
</td>
</tr>
</tbody>
</table>
</div>
添加回答
舉報