当我点击div本身时,将一个变量附加到div

时间:2013-01-15 12:33:42

标签: javascript jquery html

似乎无法让这个工作尝试在jquery中使用它但它不起作用任何想法都会很棒。我的目标是变量在点击上变化,然后在下一次点击<'div'>时附加。这些应该是独立的,我有切换变量的代码。

Cheers Ferg

HTML

<div id="en">test</div>
<div id="de">testing</div>
<input type="button" value="Click Me"></input>

的Javascript

var lang='de';

$('#en').click(function (){
  lang='en';
});

$('#de').click(function (){
  lang='de';
});

$(function(){
  var NewContent='<div class="added">Added</div>'
  $(this).click(function(){
      $("#spin").after(NewContent);
  });
});

jsFiddle is here

再次欢呼

更新

我在这里更新了小提琴以更清楚jsfiddle我希望能够指定变量进入哪个div。

2 个答案:

答案 0 :(得分:1)

我想这就是你想要的(JSFiddle at http://jsfiddle.net/vgATZ/):

HTML

<a href="#en">english</a>
<br>
<a href="#de">german</a>
<br><br>
<div class="gogo">Test div 1</div>
<div class="gogo">Test div 2</div>

JS

var lang='de';

$('a[href="#en"]').click(function () {
    lang='en';
    return false;
});

$('a[href="#de"]').click(function () {
    lang='de';
    return false;
});

$("div.gogo").click(function(){
  var newContent='<div class="added">Added '+lang+'</div>';
    $(this).append(newContent);
});

答案 1 :(得分:0)

我猜这样添加的内容对你有用:

$("div").click(function(){
  var newContent='<div class="added">Added '+lang+'</div>';
    $('body').append(newContent);
});