Форум

GVY · #1 (**permalink**) 13.01.2016, 09:44

Здравствуйте!

есть такой код

<script>


 $(document).ready(function () {
            $(".ssilka").click(function (e) {
               
 var content = $('#divbody');
  content.load(this.href);

 });
        });
 </script>

не могу понять как мне добраться теперь до элемента по id в content чтобы изменить его, подскажите... просмотрел методы DOM jquery ничего подходящего не нашел.

рони · #2 (**permalink**) 13.01.2016, 10:14

GVY,
добавьте в load функцию поиска нужного элемента и меняйте как вам нужно

GVY · #3 (**permalink**) 13.01.2016, 10:47

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

GVY,
добавьте в load функцию поиска нужного элемента и меняйте как вам нужно

буду разбираться как это сделать)

А просто в $('divbody') никак нельзя добраться до нужного мне id? никак нельзя выйти на getElementbyid ?

рони · #4 (**permalink**) 13.01.2016, 10:51

GVY,

$(function() {
     $(".ssilka").click(function(e) {
         e.preventDefault()
         var content = $('#divbody');
         content.load(this.href, function() {
             $("#ВАШ_ID").css({
                 "color": "#FF00FF"
             })
         });
     });
 });

GVY · #5 (**permalink**) 13.01.2016, 11:05

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

GVY,

$(function() {
     $(".ssilka").click(function(e) {
         e.preventDefault()
         var content = $('#divbody');
         content.load(this.href, function() {
             $("#ВАШ_ID").css({
                 "color": "#FF00FF"
             })
         });
     });
 });

из меня наверное плохой постановщик тз).... вся соль в том, что в загружаемой ссылке у меня таблица где очень много ячеек, и моя задача при загрузке из хранилища заполнить ячейки, id ячеек по типу "1_1", "1_2" и т.д. я пробую сделать просто alert

content.load(this.href, function() {
             alert($("#1_1"));
             })

ну и ошибка... я понимаю, что скорее всего я ввел вас в заблуждение, за что извиняюсь....

В общем если еще более раскрыть конечную цель то на моей основной странице есть меню из 3 позиций каждая из которых открывает разные страницы в #divbody и вот чтобы при переходе по ссылкам введенные данные не затирались, мне надо реализовать localstorage с ним я более менее разобрался осталось только понять как мне считывать и записывать значения в #divbody а для этого мне как то надо привязаться к id ячеек таблиц

рони · #6 (**permalink**) 13.01.2016, 11:11

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

ну и ошибка

если такое id есть после загрузки то ошибок быть не должно - а должен быть обьект jquery -- хотите сам элемент добавьте индекс

alert($("#1_1")[0]);

GVY · #7 (**permalink**) 13.01.2016, 11:22

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

если такое id есть после загрузки то ошибок быть не должно - а должен быть обьект jquery -- хотите сам элемент добавьте индекс

alert($("#1_1")[0]);

таааааккк вот это уже интересно.... появилась идея через Document вытянуть элемент по id и тоже ошибка... а есть ли какой то метод который показывает все id какие есть на странице?) то в что в вставляемой странице есть такой id 100%, но может он не прописывается в div?

рони · #8 (**permalink**) 13.01.2016, 12:35

GVY,

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

getElementbyid

если елемент есть достаточно document.getElementById

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<table width="400" summary="" >
	<thead>
		<tr>
			<th>Title 1</th>
			<th>Title 2</th>
			<th>Title 3</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
		</tr>
		<tr>
			<td id="1_1">Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
		</tr>
	</tbody>
</table>
<script>
alert(document.getElementById('1_1'));
</script>
</body>

</html>

GVY · #9 (**permalink**) 13.01.2016, 13:41

Ну в общем id я вообще не вижу, я так понял что с этой страницы я и не увижу id с другой страницы, даже если я вторую страницу просто вставляю в div на первой странице... понимаю что скорее всего по этому ,Рони, и предлагал мне сделать сие при load, попробовал, но что то не выходит каменный цветок ... совсем что то я запутался вот весь код

<!doctype html>
<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <script>
   
        $(document).ready(function () {
            $(".ssilka").click(function (e) {


                var content = $('#divbody');

                content.load(this.href, function () {
                    $("#2_2")[0] = 11111;
                });
                e.preventDefault();
            });
        });
    </script>


    <title>Документ без названия</title>
</head>

<body>
    <div id="navmenu">
        <ul>
            <li><a href="2.php" class="ssilka">Показания</a></li>
            <li><a href="3.php" class="ssilka">Суточная ведомость</a></li>
        </ul>
    </div>
    <!--END div = "NavMenu"-->

    <br>
    <div id="divbody">
    </div>

    </div>
    <!-- END div = "main"-->

</body>

</html>

в документе 2.php есть таблица в которой точно есть id скажем "2_2", я попробовал варианты приведенные выше....

рони · #10 (**permalink**) 13.01.2016, 15:25

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

$("#2_2")[0] = 11111;

бред!!!
либо

$("#2_2").html(11111);

либо

$("#2_2")[0].innerHTML = 11111;

Форум

Справочник

Discord чат

Курсы javascript