Question

我想检索“blockquote”中的值并将其显示在文本框中：

<blockquote id="1" class="quote">"Hello guys1"</blockquote>
<blockquote id="1" class="quote">"Hello guys2"</blockquote>
<blockquote id="1" class="quote">"Hello guys3"</blockquote>

点击调用的事件，这就是我尝试过的事情：

events : {
    "click #1" : "renderInputBox"
},
renderInputBox : function(){
    var divElement = document.getElementById("1").innerHTML;
    document.getElementById("inputText").value = divElement;
}

但是当我点击它们时，没有显示任何内容。我也尝试过不同的ID但是当我点击时它再也无法识别。我也试过div元素，因为我认为blockquote不适合调用click事件。但又没有成功。

<blockquote class="quote"><div id="1">"Hello guys1"</div></blockquote>

有什么想法吗？问题是该函数永远不会被调用!!因为当我点击块引用或div元素时它无法识别！

Answer 1

你可以这样做：

<blockquote id="a" onClick="block1();" class="quote">"Hello guys1"</blockquote>

function block1() {
    alert($('blockquote#a').html());
}

Answer 2

尝试类似的事情;

<blockquote id="1" class="quote">"Hello guys1"</blockquote>
<blockquote id="2" class="quote">"Hello guys2"</blockquote>
<blockquote id="3" class="quote">"Hello guys3"</blockquote>
<input id="testid" type="text" name="testfield" value="">

并在你的JS中;

$( ".quote" ).click(function() {
  var text = $(this).html();
  $( "#testid" ).val(text);
});

Here 是一个有效的演示。

Answer 3

试用此代码

 $(document).ready(function () {
          $('.quote').click(function () {
              alert($(this).html());
          });

      });

Answer 4

DOM准备好后你运行代码吗？

尝试：

window.onload = function() {
    //do stuff here..
}

如果您之前这样做过，那么尝试使用document.getElementsByTagName（“blockqoutes”）来获取所有blockquote元素，但如果您使用不同的id，则id也必须正常。

还要尽量避免使用数字启动ID-！

如何检索html元素的值

4 个答案: