Rohit Singh Ответов: 2

Как я могу получить значение элемента div с помощью jQuery в MVC вид с частичным


Здравствуйте Программисты,
В моем проекте у меня есть требование, чтобы я хотел получить все идентификаторы тегов li внутри div и отобразить их в состоянии готовности. Я хочу, чтобы все эти идентификаторы были из частичного представления и вызывали их на моей странице макета одним нажатием кнопки.

Что я уже пробовал:

Страница, на которой представлены все теги li
<big>    <table >
    <tr>
        <td id="UserMenu">
            <ul style="margin-left:590px">
                <li id="menu01User" style="color:red; float:left;padding:5px; list-style:none">
                    <a href="##" style="text-decoration:none">User 1</a>
                </li>
                <li id="menu02User" style="color:red; float:left;padding:5px;  list-style:none">
                    <a href="/Menu/UtilityMenu" style="text-decoration:none">User 2</a>
                </li>
                <li id="menu03User" style="color:red;float:left;padding:5px; list-style:none">
                    <a href="##" style="text-decoration:none">User 3</a>
                </li>
            </ul>

        </td>
    </tr>
</table></big>


Приведенный ниже код взят из другого файла (индекс)
<input id="btnClick" type="button" value="Processing"/>

    <div id="NestedMenu" style="display:none"></div>



файл JavaScript:
$(document).ready(function () {
    var Ids = [];

    $("#btnClick").click(function(){
        $.ajax({
            cache: false,
            type: "GET",
            url: "/Menu/UserMenu",
            success: function (data) {
                debugger;
               $("#NestedMenu").innerHTML=data;
               $("#UserMenu").find("li").each(function () {
                    Ids.push($(this).attr("id"));
                    alert(Ids);
                });
          },
            Error: function (data) {
                alert("Error");
            }  });  });

2 Ответов

Рейтинг:
17

Karthik_Mahalingam

пробовать

var arrayIDs = [];
           $('#UserMenu ul li').each(function (index,li) {
               arrayIDs.push(li.id)
           });
           alert(arrayIDs.join(',')); //menu01User,menu02User,menu03User


Рейтинг:
10

Cristian Mayo

Учитывая, что ваш файл javascript был вызван в вашем файле _Layout, вы можете использовать метод". each" в javascript:

var IDs = [];
$('#UserMenu ul li').each(function(){
   var _id = parseInt($(this).val()); 
   IDs.push(_id);
});


Rohit Singh

спасибо @Кристиан