JQuery 通过 divID 名称使用变量

Question

只是一个简单的问题，我无法理解，希望你们能帮忙。

我有一个div (带有 ID)，单击时将打开一个新的 div - 很好，效果很好，我真正想要的是“填充”新的 div带有基于单击的 div ID 的预定义文本。示例:

<div class="infobox" id="help_msg1">Click me</div>

我可能已经说过这些 div 中的 3 个(实际上更多，但是......)

这将打开:

<div id="helpbox">text in here</div>

在我的 .js 中/上页面我已准备好文档等:

var help_msg1 ='帮助消息文本';var help_msg2 ='另一条帮助消息的文本';var help_msg3 ='另一条帮助消息的文本';

然后

$('.infobox').live('click',function() {
 $('#helpbox').remove();
 $('label').css({'font-weight': '400'});
 $(this).next('label').css({'font-weight': '900'});
 var offset = $(this).next().next().offset();
 var offsetby = $(this).next().next().width();
 var leftitby = offset.left+offsetby+10;

$('body').append('此处的文本'); $('#helpbox').css( { 'left': leftitby, 'top': offset.top } ); });

请注意，我删除了每个 #helpbox在附加新的和 .next().next() 之前识别所有工作的适当文本输入。

我需要的是如何放置 var help_msg1进入追加时id="help_msg1"单击或 var help_msg2当id="help_msg2"被点击等。我已经尝试过

Answer 1

一种方法是将您的帮助消息与 <div> 相关联。元素本身使用 jQuery 的 data()设施:

$(document).ready(function() {
    $("#help_msg1").data("help_msg", "text that is a help message");
    $("#help_msg2").data("help_msg", "text that is another help message");
    // etc...
});

之后就可以直接从点击的<div>中获取消息了元素:

$(".infobox").live("click", function() {
    // ...
    $("body").append($(this).data("help_msg"));
});