Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery селесктор not class!=""... / 6 сообщений из 6, страница 1 из 1
24.10.2017, 15:24
    #39541151
f50
f50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery селесктор not class!=""...
Коллеги, подскажите, есть таблица, в ней другая таблица. Надо вытащить количество 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
| Ответить | Цитировать | Написать  
24.10.2017, 15:55
    #39541185
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery селесктор not class!=""...
f50,

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

можно поизвращаться с селекторами CSS, типа как здесь , но у меня не вышло
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2017, 16:26
    #39541209
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery селесктор not class!=""...
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
| Ответить | Цитировать | Написать  
25.10.2017, 08:47
    #39541432
f50
f50
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery селесктор not class!=""...
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery селесктор not class!=""... / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 487ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1444411]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 161ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 48ms
get tp. blocked users:
 2ms
others: 234ms
total:  487ms
x
x
Закрыть


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