将变量插入 JavaScript 函数中的 DIV 中

Inserting Variable into DIV within a Javascript Function

本文关键字：DIV 函数 JavaScript 变量 插入      更新时间：2023-09-26

如果我说错了术语，我实际上只有不到 4 小时的 Javascript 经验。 我正在尝试做的是在javascript中的预定义DIV的末尾添加一个变量。

例如，这里是变量：

<?php 
    $n = rand(10e16, 10e20);
    $x = base_convert($n, 10, 36);
?>

下面是正在使用的变量：

<input type="button" name="osx<?php echo $x;?>" value="View" class="osx<?php echo $x;?>" id="osx<?php $x;?>"/>
<div id="osx-modal-content<?php echo $x;?>" style="display:none">

在javascript函数中，我目前有这个：

jQuery(function ($) {
var OSX = {
    container: null,
    init: function () {
        $("[id^=osx").click(function (e) {
            e.preventDefault(); 
            $("[id^=osx-modal-content]").modal({OPTIONS});

而这个：

    open: function (d) {
        var self = this;
        self.container = d.container[0];
        d.overlay.fadeIn('slow', function () {
            $("[id^=osx-modal-content]" + $x, self.container).show();

显然，开始于不是最好的解决方案。因为当发生onclick事件时，它会导致页面上以osx模态内容开头的所有DIV激活。所以它需要微调。

我将如何将变量添加到 javascript 中，以便它像......

$("osx" + $x).click(function (e) {
$("#osx-modal-content" + $x).modal({OPTIONS});
$("#osx-modal-content" + $x, self.container).show();

例如，假设 $x = 12345，所以 Javascript 会将其读取为.....

 $("osx12345")      etc..........
 $("#osx-modal-content12345")    etc.......
 $("#osx-modal-content12345", self.container   etc.......

<script>
var osx = "osx<?php echo $x;?>";
</script>

然后你可以在jQuery选择器中使用osx变量。

相关文章：