Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.04.2015, 09:51
Аспирант
Отправить личное сообщение для _Eldar_ Посмотреть профиль Найти все сообщения от _Eldar_
 
Регистрация: 22.02.2015
Сообщений: 74

jquery получить родителя и обратится к элементу внутри по class
прошу помощи
1) как кликая по span получить ответ , получить номер/имя родителя и загрузить ответ внутрь в <div class='otvet'> ?
2) как правильно сделать функцию z_click , чтобы в зависимости от nomer/номера было разное поле data ?
код можно менять (элементы можно называть по разному
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript">



function z0_click(){
    $.ajax({
        type: "POST",
        url: "test.php",
        data: "sid=0&z0f1="+$('#z0f1').val()+"&z0f2="+$('#z0f2').val(),
        success: function(response){
            $('#z0').html(response);
        }
    });
};

/* нужно сделать несколько массивов data и подставлять их допустим <div class='otvet'>
// код заккомментировал, т.к. не рабочий 
function z_click(nomer){ // или function z_click(){ - если брать номер родителя div 
    $.ajax({
        type: "POST",
        url: "test.php",
        data:
// data: "sid=1&z1f1="+$('#z1f1').val()+"&z1a1="+$('#z1a1').val(),    // исходная строка, но нам нужно несколько таких (в зависимости от вопроса)        
     if(nomer='1') {return "\"sid=1&z1f1=\"+$('#z1f1').val()+\"&z1a1=\"+$('#z1a1').val(),"};
else if(nomer='2') {return "sid=2&z2f1="+$('#z2f1').val()+"&z2a1="+$('#z3a1').val(),};
else if(nomer='3'){return "sid=3&z3f1="+$('#z3f1').val()+"&z3a1="+$('#z3a1').val(),};
        success: function(response){
            $('#otvet').html(response);  // как правильно , чтобы выводился в нужный нам div class='otvet' (в зависимости от вопроса) ??

        }

    });

};
*/
</script>
<? header("Content-Type: text/html; charset=windows-1251");
if($_POST['sid']=="0")  {$a=$_POST[z0f1]+$_POST[z0f2]; echo " Сумма ".$a;}
elseif ($_POST['sid']=="1") {fz1();}
elseif ($_POST['sid']=="2") {fz2();}
elseif ($_POST['sid']=="3") {fz3();}
else {fz4();};
function fz1(){if($_POST[z1f1]>$_POST[z1f2]) {echo 'да' ;} else {echo 'нет';}; };
function fz2() {$a=$_POST[z2f1]*$_POST[z1f2]; echo " Ответ2 ".$a; };
function fz3() {$a=$_POST[z3f1]/$_POST[z3f2]; echo " Ответ3 ".$a; };
function fz4() {
?>
<body>
<div id="0">вопрос 0: <input size="1" type="text" id="z0f1" value="5"> прибавить <input size="1" type="text" id="z0f2" value="7"> 
<span onclick="z0_click(); return false;">получить ответ</span>
<div id="z0"></div><hr>
</div>


<div name='why1'>вопрос 1: <input size="1" type="text" id="z1f1" value="5"> больше <input size="1" type="text" id="z1f2" value="7"> 
<span onclick="z_click(1); return false;">получить ответ</span>
<div class='otvet'></div>
</div>

<div name='why2'>вопрос 2: <input size="1" type="text" id="z2f1" value="5"> Умножить <input size="1" type="text" id="z2f2" value="7">  
<span onclick="z_click(2); return false;">получить ответ</span>
<div class='otvet'></div>
</div>

<div name='why3'>вопрос 3: <input size="1" type="text" id="z3f1" value="5"> Поделить <input size="1" type="text" id="z3f2" value="7"> 
<span onclick="z_click(3); return false;">получить ответ</span>
<div class='otvet'></div>
</div>

</body>
<?
};
?>
Ответить с цитированием
  #2 (permalink)  
Старый 05.04.2015, 09:58
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Вы опубликовали очень много кода.
Пожалуйста, локализуйте проблему!
Выделите фрагмент кода, по которому есть вопрос и опубликуйте его отдельно.
И, по возможности, уберите из кода мусор, чтобы нам легче было сориентироваться и помочь решить вашу проблему.
Спасибо.
P.S. код форматируют специальные теги [ js ] ... [/js], [ html ] ... [/html] и другие аналогичные, сам. http://javascript.ru/formatting
Ответить с цитированием
  #3 (permalink)  
Старый 05.04.2015, 09:59
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Получить родителя и найти в нем элемент по классу:
$(".elem").parent().find(".childClass")
Ответить с цитированием
  #4 (permalink)  
Старый 05.04.2015, 10:20
Аспирант
Отправить личное сообщение для _Eldar_ Посмотреть профиль Найти все сообщения от _Eldar_
 
Регистрация: 22.02.2015
Сообщений: 74

$('#z0').html(response);
это строка вставки в <div id="z0"> при клике на <span onclick="z_click(); return false;">получить ответ
как изменить эту строку JS , чтобы вставлялось в class=otvet (родитель div общий)
<div name='why1'>...<span onclick="z_click(); return false;">ответ</span><div class='otvet'></div></div>

Последний раз редактировалось _Eldar_, 05.04.2015 в 10:28.
Ответить с цитированием
  #5 (permalink)  
Старый 05.04.2015, 10:45
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

<span onclick="z_click(); return false;">ответ</span> - зачем return false?
Ответить с цитированием
  #6 (permalink)  
Старый 05.04.2015, 13:41
Аспирант
Отправить личное сообщение для _Eldar_ Посмотреть профиль Найти все сообщения от _Eldar_
 
Регистрация: 22.02.2015
Сообщений: 74

Сообщение от laimas
зачем return false?
ок, убрал, буду знать что его только в ссылках вставлять

z_click() {$('.this').parent().find(".otvet").html('ответ');}
при клике получить родителя текущего элемента и в дочерний элемент с класс otvet вставить текст
<div name='why1'>...<span onclick="z_click();">ответ</span><div class='otvet'></div></div>

Последний раз редактировалось _Eldar_, 05.04.2015 в 14:10.
Ответить с цитированием
  #7 (permalink)  
Старый 05.04.2015, 19:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

_Eldar_,
на всякий у дива нет намы
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
    function  z_click(el) {$(el).parent().find(".otvet").html('ответ');}
  </script>
</head>

<body> <div name='why1'>...<span onclick="z_click(this);">ответ</span><div class='otvet'></div></div>
</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Манипуляции внутри созданного окна с помошью jQuery Nubi jQuery 15 24.07.2014 19:48
JQuery как получить url? Memfis jQuery 8 29.07.2011 01:39
radio button внутри петли и jquery Юльув jQuery 5 09.11.2010 16:10
Как получить текст внутри iframe на другом домене? Alexander Majesty Events/DOM/Window 1 23.12.2009 22:10
jquery - Как получить полный путь? kirill.adw jQuery 5 20.11.2009 17:40