powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery селесктор not class!=""...
6 сообщений из 6, страница 1 из 1
JQuery селесктор not class!=""...
    #39541151
f50
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Коллеги, подскажите, есть таблица, в ней другая таблица. Надо вытащить количество td из первой страницы. Но у меня в селектор попадает 2я таблица, ни как не могу её убрать из выборки. Вот код который должен вроде работать, но у меня он выводит цифру колонок ДВУХ таблиц (7 для данного случая). Надо чтоб вывел 5.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<table id="tab1">
<tr id="tr1_1">
	<td class="myclass15"></td>
	<td class="myclass2"></td>
	<td class="myclass7"></td>
	<td class="myclass85">
		<table id="tab2">
		<tr>
			<td></td>
			<td></td>
		</tr>
		</table>
	</td>
	<td class="myclass21"></td>
</tr>
</table>



Код: javascript
1.
2.
3.
4.
5.
<script type="text/javascript">
	var Cols=$('#tr1_1').find('td:not([class!=""])');
	var numCols = Cols.length;	
	alert('numCols='+numCols);
</script>



PS. Фильтр на имя класса я могу сделать, типа $("td[class^='my']") , на слово my , myclass , но у меня не применимо, т.к. название классов разное, тут упростил.

Помогите написать селектор где можно убрать "где нет класса" ((
...
Рейтинг: 0 / 0
JQuery селесктор not class!=""...
    #39541185
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
f50,

так пойдет? https://jsfiddle.net/2gz9q3yy/
...
Рейтинг: 0 / 0
JQuery селесктор not class!=""...
    #39541187
f50
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89, огромное спасибо за работу! То что надо по результату, но так то я бы сделал, забыл написать, хочется одной строчкой, через селектор в JQuery, удобная штука! )))
...
Рейтинг: 0 / 0
JQuery селесктор not class!=""...
    #39541196
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
f50,

можно поизвращаться с селекторами CSS, типа как здесь , но у меня не вышло
...
Рейтинг: 0 / 0
JQuery селесктор not class!=""...
    #39541209
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
f50Надо вытащить количество td из первой страницы. Но у меня в селектор попадает 2я таблица, ни как не могу её убрать из выборки. Вот код который должен вроде работать, но у меня он выводит цифру колонок ДВУХ таблиц (7 для данного случая). Надо чтоб вывел 5.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<table id="tab1">
<tr id="tr1_1">
	<td class="myclass15"></td>
	<td class="myclass2"></td>
	<td class="myclass7"></td>
	<td class="myclass85">
		<table id="tab2">
		<tr>
			<td></td>
			<td></td>
		</tr>
		</table>
	</td>
	<td class="myclass21"></td>
</tr>
</table>



Вот пара вариантов...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	alert($('#tab1 > tbody > tr > td').length);
	alert($('#tr1_1 > td').length);
});
</script>
</head>
<body>
<table id="tab1">
<tr id="tr1_1">
	<td class="myclass15"></td>
	<td class="myclass2"></td>
	<td class="myclass7"></td>
	<td class="myclass85">
		<table id="tab2">
		<tr>
			<td></td>
			<td></td>
		</tr>
		</table>
	</td>
	<td class="myclass21"></td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
JQuery селесктор not class!=""...
    #39541432
f50
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa
Код: javascript
1.
2.
	alert($('#tab1 > tbody > tr > td').length);
	alert($('#tr1_1 > td').length);




Вот ведь, утро вечера мудренее, точно! Вчера пробовал и так и эдак, был как 2й вариант, но вот в таком виде:
Код: javascript
1.
var Cols=$('#tr1_1').find('td');


этот вариант показывал ещё все вложенные TD. "Забанил" для себя. А вот вариант ваш:
Код: javascript
1.
var Cols=$('#tr1_1> td');


все верно кажет, вложенные не замечает, как и надо! Проблема решена, надо впредь внимательнее подходить к селекторам, и учиться ими пользоваться. Раньше тоже циклами занимался, но это очень не удобно. Селекторы штука удобная. Всем добра!
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery селесктор not class!=""...
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]