我有一个动态页面,它从 Google App Script 获取数据并用它们进行可视化。
这是我用作 HTMLService
的代码
Index.html
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['table']});
google.charts.setOnLoadCallback(drawSheetName);
function drawSheetName() {
var query = new google.visualization.Query('/*query contents*/');
query.send(drawTable);
}
function drawTable(response) {
var data = response.getDataTable();
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: false, width: '100%', height:'100%'});
}
</script>
<body>
<div id="table_div"></div>
</body>
因此,我想选择可视化最后一列的值,并使用 CSS, JS, JQuery
删除它们的第一个和最后一个字符。 ...没关系。
这些值始终包含 <a href
因此可以通过元素的内容或其行号来定义选择器。我将尝试用代码解释我想要做什么,但这是不正确的,因为我正在混合语言。
<script>
var select = $( "td:contains('<a href')" );
select.slice(1, -1);
</script>
或者
<script>
document.getElementByTagName("TD"):contains('<a href').slice(1, -1);
</script>
最佳答案
您需要循环每一行以删除最后一列的第一个和最后一个字符。将 drawTable
函数替换为以下内容
function drawTable(response) {
var data = response.getDataTable();
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: false, width: '100%', height:'100%'});
$(".google-visualization-table-table tr td:nth-child(11)").each(function() { // Assuming 11 is the last column number
var data = $(this).text();
$(this).text(data.slice(1, data.length - 1));
});
}
关于javascript - 按内容选择元素并删除其内容的第一个和最后一个字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47912188/