Javascript-форум - Сравнение в jquery

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Сравнение в jquery (https://javascript.ru/forum/misc/69942-sravnenie-v-jquery.html)

Сравнение в jquery

Не могу сравнить ячейку "Иван" в условии. Помогите пожалуйста.

<th style="width: 150px;">Имя</th><td><div class="model-value">Иван</div></td>

var a1 = $('th:contains("Имя")').next();

if (a1.text() === "Иван"){
 alert ("Получилось");	
}
else {
 alert ("не получилось");
}

var a1 = $('th:contains("Имя")').next().text()

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
var a1 = $('th:contains("Имя")').next().text;
if (a1 === "Иван"){
 alert ("Получилось"); 
}
else {
 alert ("не получилось");
}

</script>
</head>
<th style="width: 150px;">Имя</th><td><div class="model-value">Иван</div></td>
</html>

Так я тоже пробовал, но не получилось (

И не получить, на момент выполнения кода DOM недоступно. Либо скрипт после html, либо в header, но после загрузки DOM

$(function() {
    var a1 = $('th:contains("Имя")').next().text();
    .....
});

Цитата:

Сообщение от laimas (Сообщение 460052)

И не получить, на момент выполнения кода DOM недоступно. Либо скрипт после html, либо в header, но после загрузки DOM

$(function() {
    var a1 = $('th:contains("Имя")').next().text();
    .....
});

Извините за мое невежество, но у меня не получается. Я уже по разному строил код, и в начале скрипта, и в конце, и с $(function() {, и без.

Sayler91,

<th style="width: 150px;">Имя</th><td><div class="model-value">Иван</div></td>

браузеры не умеет такое рисовать без таблицы

Sayler91,

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>$(function() {
var a1 = $('th:contains("Имя")').next().text();
if (a1 === "Иван"){
 alert ("Получилось");
}
else {
 alert ("не получилось");
}
})
</script>
</head>

<table><th style="width: 150px;">Имя</th><td><div class="model-value">Иван</div></td>

</table>
</html>

Цитата:

Сообщение от Sayler91

и в начале скрипта, и в конце, и

Еще сбоку пристроить, вдруг попрет. ) Не получится может ведь и не только потому, что все технически правильно, а оно ни в какую. Ноги этой темы растут из недавней, а насколько я помню там было две ячейки в которых есть текст "Имя". Если вся таблица, это все что было приведено ранее, и за первой ее ячейкой с указанным текстом можно найти Иван, то крупно повезло, а если Иван есть, то только в строке N?

$('th:contains("Имя")') - это уже коллекция ячеек и $('th:contains("Имя")').next() тоже, а вот $('th:contains("Имя")').next().text() вернет текст только первого элемента этой коллекции, все. А вы чего собираетесь сделать?

Цитата:

Сообщение от laimas (Сообщение 460069)

Еще сбоку пристроить, вдруг попрет. )

Спасибо за советы. Проблема была в верстке, где-то ошибся, когда создавал.

Цитата:

Сообщение от Sayler91

Спасибо за советы.

Это шутка. У меня скорее вопрос, чем совет, или если понятно, что получите вы значение только первой найденной ячейки и это и нужно.

Цитата:

Сообщение от laimas (Сообщение 460069)

Возникла проблема о которой вы писали. Берутся все элементы с именем "Фамилия", как взять только первую ячейку?
PS. Подскажите как сделать, чтоб код можно было проверить, как сделал Рони.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>

var s2 = $('th:contains("Фамилия")').next().text().toUpperCase();
alert (s2);

</script>
</head>

<body>
    <table class="form-table from-table_size_sm">
<tbody>
<tr>
	<th>Имя</th><td><div class="model-value">Иван</div></td>
	<td class="form-table__gutter">&nbsp;</td><th>Имя (лат.)</th><td><div class="model-value">IVAN12121212121</div></td>
</tr>
<tr>
	<th>Фамилия</th><td><div class="model-value">Иванович</div></td>
	<td class="form-table__gutter">&nbsp;</td><th>Фамилия на лат.</th><td><div class="model-value">Ivanovich</div></td>
</tr>
</tbody>
</table>
</html>

Цитата:

Сообщение от Sayler91

Подскажите как сделать, чтоб код можно было проверить, как сделал Рони.

Вам уже говорилось и показывалось, что так как сейчас в коде работать не будет, нет вообще никакой таблицы для скрипта на тот момент когда скрипт загружен. Нет, вы опять упорно пишите не понять что. Исправьте сами, чтобы запомнить это навсегда.

А насчет первой из найденных, это

$('th:contains("Фамилия")').first().next(). text().toUpperCase();

Цитата:

Сообщение от laimas (Сообщение 460086)

$('th:contains("Фамилия")').first().next(). text().toUpperCase();

Спасибо работает.

Цитата:

Сообщение от laimas (Сообщение 460086)

Я имел ввиду, как сделать в сообщении,чтоб появилась кнопка "Посмотреть" как Рони сделал в 7м сообщении.

Цитата:

Сообщение от Sayler91

Я имел ввиду, как сделать в сообщении,чтоб появилась кнопка "Посмотреть"

В ВВ теге указать - [HTML run]

Цитата:

Сообщение от Sayler91

кнопка "Посмотреть"

[HTML run][/HTML]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.