我有一個表格，其中包含顯示每日和每周價格的列，但我想隱藏每日價格。我可以以某種方式解決data-testid隱藏元素嗎？
<td class="rate-price" data-testid="rates.rate-0.price-daily"><p class="heavy rate-price-column">Pro Tag</p>€ 786</td>
然后我還需要隱藏列的標題，但它沒有特定的 ID。這是這里的第一行：
<th class="col-header">Pro Tag</th>
<th class="col-header">Wochenpreis</th>
有任何想法嗎？
uj5u.com熱心網友回復：
也許您想隱藏具有以 .price-daily 結尾的 data-testid 的 td 元素？
$("td[data-testid$='price-daily']").css('display', 'none');
uj5u.com熱心網友回復：
您可以使用以下代碼隱藏此元素：
$("[data-testid='rates.rate-0.price-daily']").hide()
uj5u.com熱心網友回復：
在這兩種情況下，表格布局和單元格樣式都不會受到影響。
In Wrap 是必需的，因為如果沒有父級，則無法隱藏Option 2純文本。€ 786
$(document).ready(function() {
// Option 1: Remove content
//$('td[data-testid="rates.rate-0.price-daily"]').html('');
// Option 2: Hide content
let $div = $('div').css('display', 'none');
$('td[data-testid="rates.rate-0.price-daily"]').wrapInner($div);
});table, tr, td {
border: 1px solid;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
<td> other column </td>
<td class="rate-price" data-testid="rates.rate-0.price-daily">
<p class="heavy rate-price-column">Pro Tag</p>€ 786
</td>
<td> other column </td>
</tr>
<tr>
<td> other column </td>
<td class="rate-price">
<p class="heavy rate-price-column">Pro Tag without data-testid: </p>€ 555</td>
<td> other column </td>
</tr>
</tbody>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/457374.html