Javascript 单击div本身时将变量追加到div
在jquery中尝试使用this似乎无法实现,但它不起作用。任何想法都很好。我的目标是变量在单击时更改,然后在下一次单击时追加。这些应该是独立的,我有转换变量的代码 干杯,弗格 HTMLJavascript 单击div本身时将变量追加到div,javascript,jquery,html,Javascript,Jquery,Html,在jquery中尝试使用this似乎无法实现,但它不起作用。任何想法都很好。我的目标是变量在单击时更改,然后在下一次单击时追加。这些应该是独立的,我有转换变量的代码 干杯,弗格 HTML 测试 测试 Javascript var lang='de'; $('#en').click(function (){ lang='en'; }); $('#de').click(function (){ lang='de'; }); $(function(){ var NewContent
测试
测试
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);
});
});
var lang='de';
$('#en')。单击(函数(){
朗恩;
});
$('#de')。单击(函数(){
朗德;
});
$(函数(){
var NewContent='Added'
$(此)。单击(函数(){
$(“#spin”)。在(NewContent)之后;
});
});
再次干杯
更新
我已经更新了这里的fiddle,以便更清楚地说明我希望能够指定变量进入哪个div。我猜添加这样的内容对您很有用:
$("div").click(function(){
var newContent='<div class="added">Added '+lang+'</div>';
$('body').append(newContent);
});
$(“div”)。单击(函数(){
var newContent='Added'+lang+'';
$('body').append(newContent);
});
我想这就是您想要的(JSFiddle at):
HTML
测试组1
测试组2
JS
var lang='de';
$('a[href=“#en”]”)。单击(函数(){
朗恩;
返回false;
});
$('a[href=“#de”]”)。单击(函数(){
朗德;
返回false;
});
$(“div.gogo”)。单击(函数(){
var newContent='Added'+lang+'';
$(this).append(newContent);
});
您的问题不清楚。您想用lang
变量做什么?另外,#spin
不在您的示例HTML中,这就是追加不起作用的原因。lang
变量正在更改,但是没有任何内容来初始化。after()
代码位…哪里是“spin”元素??美元(这个)指的是什么??看这里。。你想说的很清楚,抱歉,伙计们,我把“这个”代码放在旋转的地方。我在某个地方复制了这个表单,我更新了这里的fiddle,以便更清楚地说明变量进入哪个div。这很好,如果我想将href转换为按钮,我应该只使用按钮id还是输入id?是的,按钮或输入id都可以。如果愿意,也可以使用按钮/输入名称,例如:$a('button[name=“selectEng”]”)
$("div").click(function(){
var newContent='<div class="added">Added '+lang+'</div>';
$('body').append(newContent);
});
<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>
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);
});