Javascript 不显示div，因为传递的参数（值）的行为类似于字符串而不是div id

JavaScript中存在一个问题，它没有在单击时显示所需的div，因为传递的参数是value（AWB的Id），但它的行为类似于字符串值

View.cshtml

@foreach (var item in Model)
{
<tr>
    <td>@item.AWBNO
    </td>
    <td>@item.AIRLINENAME
    </td>
    <td>@item.CARGODATE
    </td>
    @foreach (var itema in entity)
    {


        if (itema.AWBNo == @item.AWBNO)
        {
            Filled = true;
            DCNo = itema.DCNumber;
            break;
        }
        else
        {
            Filled = false;
        }
    }
    <td>
        @if (!Filled)
        {
        @Html.ActionLink(" ", "AddOn", "Section82", new { instanceId = item.AWBId }, new { @class = "AddOn" })                
        }
        @if (Filled)
        {
            <div id = @item.AWBId  style="display: none;" >
                MyTextOnClick</div>
            <button onclick = "Show(value)" value = @item.AWBId>
                ClickMe</button>    
        }
    </td>
</tr>
}

@foreach（模型中的变量项）
{
@项目1.AWBNO
@item.AIRLINENAME
@项目.交货日期
@foreach（实体中的var itema）
{
如果（itema.AWBNo==@item.AWBNo）
{
填充=真；
DCNo=项目A.DCNumber；
打破
}
其他的
{
填充=假；
}
}
@如果（！已填充）
{
@ActionLink（“，”AddOn“，”Section82“，new{instanceId=item.AWBId}，new{@class=“AddOn”}）
}
@如有（已填写）
{
MyTextOnClick
点击我
}
}

JS:

<script type = "text/javascript">
function Show(value) 
{
    alert(value);
    $("#value").show(); // here is the major problem it's not getting id although in alert it showing the right id.
}
</script>

功能显示（值）
{
警报（值）；
$（“#value”）.show（）；//这是一个主要问题，它没有获取id，尽管在警报中显示了正确的id。
}

---

主要问题是它没有显示div的id，尽管在警报中显示了正确的AWBId，请帮助。

您需要将

值替换为字符串：

function Show(value) 
{
    alert(value);
    $("#" + value).show();
    //   ^^^^^^^^ The + appends the value of `value` to the string
}

因此，例如，如果
value
包含“foo”，您将得到
“#foo”
，它将查找id为
的元素

确保在元素上遵循，因为这是一个CSS选择器。（尽管jQuery认为可以，但它会使用
document.getElementById
，这意味着它有时会允许一些无效的CSS
id
选择器，比如说，
querySelector
或样式表不能使用这些选择器）。
您需要将
值
替换为字符串：

function Show(value) 
{
    alert(value);
    $("#" + value).show();
    //   ^^^^^^^^ The + appends the value of `value` to the string
}

因此，例如，如果
value
包含“foo”，您将得到
“#foo”
，它将查找id为
的元素

确保在元素上遵循，因为这是一个CSS选择器。（尽管jQuery认为可以，但它会使用
document.getElementById
，这意味着它有时会允许一些无效的CSS
id
选择器，比如说，
querySelector
或样式表不能使用。）
在使用它时需要将值连接到

function Show(value) 
{
    alert(value);
    $("#"+value).show();
}

编辑：为您的评论添加代码

HTML:

因为您使用的是JQuery，所以可以执行类似于编辑的操作
 使用时需要将值连接到
#

function Show(value) 
{
    alert(value);
    $("#"+value).show();
}

编辑：为您的评论添加代码

HTML:

因为您使用的是JQuery，所以可以执行类似于编辑的操作
 显示浏览器看到的HTML是什么。显示浏览器看到的HTML是什么。Crowder大拇指赞成我尝试的推理，但有没有办法调试视图中的值和MVC视图中的断点？就像我想调查流动一样。（附加问题）Crowder我们是否能够在不将其作为参数传递的情况下获取个人id？就像我在函数Show（value）@shahadullah中所做的那样：这将有两个部分：创建HTML时的服务器端，以及运行JavaScript代码时的客户端。服务器端您可以使用VS.Net内置的调试器（我不知道它的Razor部分）。客户端，您的浏览器中内置了一个调试器--按F12或Ctrl+Shift+I或在菜单上查找“开发工具”。@Shahadullah:如果您更改
onclick
，你可以使用<代码> .Value<代码> >代码> >代码> <代码> >你也可以考虑添加事件对象：<代码> <代码> Curdor用于客户端调试。我下载了Fig Bug，它很棒，工作也很好，非常感谢你的兄弟！Crowder对我正在尝试的推理表示赞同，但有没有办法调试视图中的值和MVC视图中的断点？就像我想调查流动一样。（附加问题）Crowder我们是否能够在不将其作为参数传递的情况下获取个人id？就像我在函数Show（value）@shahadullah中所做的那样：这将有两个部分：创建HTML时的服务器端，以及运行JavaScript代码时的客户端。服务器端您可以使用VS.Net内置的调试器（我不知道它的Razor部分）。客户端，您的浏览器中内置了一个调试器--按F12或Ctrl+Shift+I或在菜单上查找“开发工具”。@Shahadullah:如果您更改
onclick
，你可以使用<代码> .Value<代码> >代码> >代码> <代码> >你也可以考虑添加事件对象：<代码> <代码> Curdor用于客户端调试。我下载了Fig Bug，它很棒，工作也很好，非常感谢你的兄弟！我们是否能够在不将其作为参数传递的情况下获取个人的id？就像我在《函数秀》（价值观）中所做的那样，有什么办法吗？@Shahadullah，根据我对你问题的理解进行了编辑。希望有帮助。这就是我想要的。谢谢！我们是否能够在不将其作为参数传递的情况下获取个人的id？就像我在《函数秀》（价值观）中所做的那样，有什么办法吗？@Shahadullah，根据我对你问题的理解进行了编辑。希望有帮助。这就是我想要的。谢谢！