Question

如何在Javascript / CSS中将所有<td>与类合并。我不想把课程放在<tr>上。该课程专门针对<td>。

<table class="mytables">
    <thead>
        <tr>
            <th> Header col 1 </th>
            <th> Header col 2 </th>
            <th> Header col 3 </th>
        </tr>
    <thead>
    <tbody>
        <tr>
            <td class="col_span"> A </th>
            <td class="col_span"> </th>
            <td> B </th>
        </tr>
        <tr>
            <td> C </th>
            <td> D </th>
            <td> E </th>
        </tr>
        <tr>
            <td> F </th>
            <td> G </th>
            <td> H </th>
        </tr>
    </tbody>
</table>

结果将是这样的。

我知道colspan，这不是我需要的。

Answer 1

根据我的理解，您希望将td与col_span function asyncEvent() { var dfd = jQuery.Deferred(); setTimeout(function () { console.log('start'); dfd.resolve("start"); }, 1000) return dfd.promise(); } var chainSyncOrAsync = function (outerDef) { var toReturn = {}; toReturn.chain = function (defOrFunction) { // console.log(outerDef, defOrFunction, '---'); var def = defOrFunction, toExecute = false; if (typeof def === 'function') { toExecute = true; def = jQuery.Deferred(); } outerDef.then(function () { // console.log(toExecute, defOrFunction); if (toExecute) { var result = defOrFunction(); if (result) { result.then(function () { def.resolve(); }) } else { def.resolve(result) } } }) return chainSyncOrAsync(def); } return toReturn; } chainSyncOrAsync(asyncEvent()) .chain(function () { console.log(1) }) .chain(function () { console.log(2) }) .chain(function () { return asyncEvent(); }) .chain(function () { console.log(3) }) .chain(function () { console.log(4) })合并。

class

$(function(){
	$("tr").each(function(){
		var empty = $(".col_span:empty",$(this)).length;
		$notEmpty = $(this).find(".col_span").not(":empty");
		$notEmpty.attr("colspan",empty+1);
		$(".col_span:empty",$(this)).remove();
	});
});

Answer 2

如果要将样式应用于所有<td>元素，可以将此代码添加到<head>：

<style type="text/css">
    td{
    /* CSS Properties Here */
    }
</style>

Answer 3

使用纯粹的js，它看起来像：

var tds = document.querySelectorAll('td');
for(var i = 0; i< tds.length; i++)
{
    tds[i].className += 'yourClassName';
}

使用jQuery：

$('td').addClass('yourClassName');

如何将所有与课程合并

3 个答案: