Лично я делал в прошлом общий идентификатор класса и использовал его для выбора. Это может быть не идеально, поскольку у них есть определенный класс, который может не существовать, но это делает выбор намного проще. Просто убедитесь, что вы уникальны в своих именах классов.
то есть для примера выше я бы использовал ваш выбор по классу. Еще лучше изменить имя класса с жирного на «tcol1», чтобы избежать случайных включений в результаты jQuery. Если жирный шрифт действительно ссылается на класс CSS, вы всегда можете указать оба в свойстве класса, то есть 'class = "tcol1 bold"'.
Таким образом, если вы не можете выбрать по имени, либо используйте сложный селектор jQuery и примите любое связанное с этим снижение производительности, либо используйте селекторы класса.
Вы всегда можете ограничить область действия jQuery, включив имя таблицы, например, $ ('# tableID> .bold')
Это должно ограничить поиск jQuery в «мире».
Его все еще можно классифицировать как сложный селектор, но он быстро ограничивает любой поиск внутри таблицы с идентификатором «#tableID», поэтому сводит обработку к минимуму.
Альтернативой этого, если вы ищете более 1 элемента в # table1, было бы поискать это отдельно, а затем передать его в jQuery, поскольку это ограничивает область действия, но экономит немного обработки, чтобы искать его каждый раз.
var tbl = $('#tableID');
var boldElements = $('.bold',tbl);
var rows = $('tr',tbl);
if (rows.length) {
var row1 = rows[0];
var firstRowCells = $('td',row1);
}