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

Javascript 正确获取元素值(ASP.NET MVC),javascript,jquery,css,asp.net,asp.net-mvc,Javascript,Jquery,Css,Asp.net,Asp.net Mvc,我有一个AJAX脚本,它可以生成带有值的div 这是代码 <script> $('#display').click(function () { $(".list").empty(); var vacancyId = $("#vacancy").val(); var model = { vacancyId: vacancyId }; $.ajax({ url: '@Url.Action("QuestionBloc

我有一个AJAX脚本,它可以生成带有值的div

这是代码

<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。您可以使用类。İ如果您使用类,您将获得列表。 您可以使用循环从列表中获取值。就这样

     var Values = $('.something');
     var newValue; 

    for (var j = 0; j < Values.length; j++) {

               newvalue=Values[j].text;

            }
    // Or take value that you want
      newValue=Values[5].text;

your function is should be just like this

$(document).on('click', '.something', function () {
   // alert("Gotcha!!!");
    //$(".videolist").empty();
    var vacancyId = $(this).text();
   alert(vacancyId);
var值=$('.something');
var新值;
对于(var j=0;j
您不应该使用id。您可以使用class。如果您使用class,您将获得列表。 你们可以通过循环从列表中获取值,就像这样

     var Values = $('.something');
     var newValue; 

    for (var j = 0; j < Values.length; j++) {

               newvalue=Values[j].text;

            }
    // Or take value that you want
      newValue=Values[5].text;

your function is should be just like this

$(document).on('click', '.something', function () {
   // alert("Gotcha!!!");
    //$(".videolist").empty();
    var vacancyId = $(this).text();
   alert(vacancyId);
var值=$('.something');
var新值;
对于(var j=0;j
1.将
id=“某物”
转换为
class=“某物”

2.转换代码如下:-

$(document).on('click', '.something', function () {
   var vacancyId = $(this).text();
   alert(vacancyId);
});
1.将
id=“something”
转换为
class=“something”

2.转换代码如下:-

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

不要在同一个页面上有多个具有相同id的元素,使用类来实现这一点好的,我如何更改代码?例如,使用id+1生成代码?@CarstenLøvboAndersen@EugeneSukhomlyn不要使用增量
id
属性-这只会增加不必要的复杂性。请改用公共类好的,将
id
更改为
class
,但现在我有许多元素都具有相同的类@AlivetoDieWell,如果您希望所有元素的值按类或特定的值以及如何获取值,那么您将忽略这些元素,(单击事件或?不要在同一页面上有多个id相同的元素,请使用类来完成此操作好的,我如何更改代码?例如,使用id+1生成代码?@CarstenLøvboAndersen@EugeneSukhomlyn不要使用增量
id
attributes,这只会增加不必要的复杂性。请改用公共类好的,更改
id
,但现在我有许多元素具有相同的类@AlivetoDieWell,如果您希望所有元素的值按类或特定的值以及如何获取值,您可以省略这些元素(单击事件或?@EugeneSukhomlyn乐于帮助您:):@EugeneSukhomlyn乐于帮助您:)