-1

我想检索“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 调用点击事件是不明智的。但再次没有成功。

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

任何想法？问题是该函数从未被调用！因为当我单击块引用或 div 元素时它无法识别！

4

4 回答 4

0

试试这个代码

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

      });
于 2013-10-11T09:14:32.050 回答
0

尝试类似的东西；

<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);
});

这是一个工作演示。

于 2013-10-11T09:08:35.567 回答
0

你可以这样做：

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

function block1() {
    alert($('blockquote#a').html());
}
于 2013-10-11T09:05:37.933 回答
0

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

尝试：

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

如果您之前这样做过，那么尝试使用 document.getElementsByTagName("blockqoutes") 获取所有块引用元素，但如果您使用不同的 id 也必须没问题。

还要尽量避免以数字开头的 ID-s！

于 2013-10-11T09:22:19.620 回答