javascript - 正确获取元素值(ASP.NET MVC)

标签 javascript jquery css asp.net asp.net-mvc

我有生成带有值的 div 的 AJAX 脚本

这是代码

<script>
$('#display').click(function () {
    $(".list").empty();
    var vacancyId = $("#vacancy").val();
    var model = {
        vacancyId: vacancyId
    };

    $.ajax({
        url: '@Url.Action("QuestionBlocks", "Questions")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {
            var question1 = data[0]

            $(".list").append('<div   id="something" style="cursor: pointer;width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color:#ffcf00;border-radius: 5px;margin: 10px auto 0;;">' + question1.Question1 + '</div>' + '<div  id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question2 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question3 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question4 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question5 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question6 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question7 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question8 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question9 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question10 + '</div>');
            var divs = document.getElementsByTagName('div');

            for (i = 0; i < divs.length; i++) {
                if (divs[i].innerHTML == "") {
                    divs[i].style.display = 'none';
                }
            }
        }
    });
});

在其他脚本中,我需要使用 id = something 从 div 获取值。

但我的问题在于我可以有很多 id = something 的 div。

我如何通过职位或其他方式获得值(value)?

更新

现在我有了这个脚本来获取值(value),但它不能正常工作(这里是脚本的一部分)

$(document).on('click', '.something', function () {
   // alert("Gotcha!!!");
    //$(".videolist").empty();
    var vacancyId = $(".something").text();
   alert(vacancyId);

最佳答案

1.将id="something"转换为class="something"

2.转换代码如下:-

$(document).on('click', '.something', function () {
   var vacancyId = $(this).text();
   alert(vacancyId);
});

关于javascript - 正确获取元素值(ASP.NET MVC),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43975257/

相关文章:

javascript - 在 jQuery 中使用 "grep"进行条件匹配和打印数组值

javascript - "require"或 "import"模块化 javascript ASP.Net MVC 5、Visual Studio 2015 的最简单方法

css - 使用 selenium xpath 或 css 选择器,如何根据内部元素的文本或当前元素文本获取元素

html - 仅将居中图像作为链接,而不是整个父 div

javascript - 使用 FBJS 改变 CSS

javascript - 是否有一个函数可以在javascript中查找具有重复元素的子数组?

javascript - 如何实现点击 anchor 链接时平滑滚动到不同页面的部分?

javascript - 根据递归 ul 中的输入获取表单的序列化数组

javascript - 如何在 javascript 中用字符串中的其他内容替换 <br/> 标签的多个实例?

javascript - 如何将jquery组合框设置为选中true