В моем случае я пытаюсь получить значение из динамически сгенерированного скрытого поля в JQuery. Когда я нажимаю кнопку для этой итерации, я должен получить значение для скрытого поля, принадлежащего этой итерации. Но я не могу получить это. Это дает значение как «неопределенный»
HTML:
<div class="comment-list-new" style= "max-height: 660px !important;overflow-y: scroll;">
<h5>Discussion Board</h5>
<ol>
{{ if .ViewData.Questions }}
{{ range .ViewData.Questions }}
<li>
<p id="question_id" class="question_id_val" hidden>{{.QuestionId}}</p>
<div class="q-comment">
<div class="qanda questiondiv" id="questionarea" name="questionarea">
<div>
<div id="topic" class="upvote pull-left">
<a class="upvote"></a>
<span class="count">3</span>
<a class="downvote"></a>
</div>
<div >
<div class="qanda-info">
<h6><p id="quest_title">{{.QuestionTitle}}</p></h6>
</div>
<p id="quest_text">{{.QuestionText}}</p>
</div>
</div >
<div class="qanda-info">
<div class="user-info">
<img src="/resources/img/team-small-2.png" />
</div>
<h6>{{.UserId}}</h6>
<span class="date alt-font sub">{{.DateCreated}}</span>
<a id="answertext" name ="answertext" type="submit" class="link-text answerbutton">Answer</a>
</div>
</div>
</div>
</li><!--end of individual question-->
{{ end }}
{{ end }}
</ol>
</div><!--end of comments list-->
JS:
$('.questiondiv').on('click', '.submitanswerbutton', function() {
console.log("In submit button");
var question_id = $(this).closest('.question_id_val').val();
var answer_text = $('.answertext_val').val();
console.log(question_id);
console.log(answer_text);
$.getJSON("/submitanswer?question_id="+question_id+"&answer="+answer_text, function(data) {
console.log("answer Response"+data);
newQuestion = "<li><div class='q-comment'><div class='qanda' id='questionarea' name='questionarea'><div><div id='topic' class='upvote pull-left'><a class='upvote'></a><span class='count'>0</span><a class='downvote'></a></div><div ><div class='qanda-info'><h6><p id='quest_title'>"+title+"</p></h6></div><p id='quest_text'>"+desc+"</p></div></div ><div class='qanda-info'><div class='user-info'><img src='/resources/img/team-small-2.png' /></div><h6>Chip Mayer</h6><span class='date alt-font sub'>September 17 2014</span><a id='answertext' name ='answertext' type='submit' class='link-text'>Answer</a></div></div></div></li>";
$('ol').append(newQuestion);
});
});
В приведенном выше коде я пытаюсь получить значение для скрытого поля question_id_val
. Может ли кто-нибудь помочь мне с этим?
3 ответа
Используйте closest()
, чтобы получить ссылку на внешний контейнер (li), а затем используйте метод find()
, чтобы получить скрытое поле.
var question_id = $(this).closest('li').find('.question_id_val').val();
Метод val()
работает обычно с полями ввода (текстовое поле, скрытые поля и т. Д.). Поэтому необходимо убедиться, что ваш элемент является допустимым полем формы на вашей странице.
<input type="hidden" id="question_id" class="question_id_val" />
Или, если вы хотите сохранить свой тег p, как есть, используйте метод html()
или text()
, чтобы получить содержимое тега p.
var question_id = $(this).closest('li').find('.question_id_val').text();
Помните, что этот метод также возвращает текст / html всего дочернего контента. Поэтому убедитесь, что используете это с умом.
Val () должен использоваться главным образом в элементах select, textarea и input.
Для получения внутреннего текста используйте html () или text ()
var question_id = $(this).closest('.question_id_val').html();
Или
var question_id = $(this).closest('.question_id_val').text();
Если вы знаете селектор CSS id
или class
, я не вижу проблемы, почему вы не можете сделать что-то вроде этого:
var question_id = $('#question_id').text();
Или же
var question_id = $('.question_id_val').text();
Похожие вопросы
Связанные вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.