Skip to main content
título editado
Enlace

Como obtener el valor de un atributo deen una etiqueta html con JQuery

Evento click JQuery
Origen Enlace
<script>
    $('.link1').click(function () {
        swal({
            title: 'Are you sure?',
            text: 'You will not be able to recover this imaginary file!',
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: 'Yes, delete it!',
            closeOnConfirm: false
        }, function () {
            $.ajax({
                type: "POST",
                url: '@Url.Action("DeleteMunicipality")',
                data: { MunicipalityId: $(this).attr("data") },
                datatype: "html",
                //success: function (data) {
                //    //codigo
                //}
                success: function () {
                    var MunicipalityId = $(this).attr("data");
                    if (MunicipalityId == null) {
                        swal('Deleted!',
                             'Your imaginary file has been deleted.',
                             'success'
                             );
                    } else {
                        swal("Oops", "The record can't be delete.(has related records)", "error");
                    }
                },
                error: function (ex) {
                    swal("Oops", "We couldn't connect to the server!" + ex, "error");
                }
            });
            return false;
        });
    });
</script>
data: { MunicipalityId: $(this).attr("data") }
<script>
    $('.link1').click(function () {
        swal({
            title: 'Are you sure?',
            text: 'You will not be able to recover this imaginary file!',
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: 'Yes, delete it!',
            closeOnConfirm: false
        }, function () {
            $.ajax({
                type: "POST",
                url: '@Url.Action("DeleteMunicipality")',
                data: { MunicipalityId: $(this).attr("data") },
                datatype: "html",
                //success: function (data) {
                //    //codigo
                //}
                success: function () {
                    var MunicipalityId = $(this).attr("data");
                    if (MunicipalityId == null) {
                        swal('Deleted!',
                             'Your imaginary file has been deleted.',
                             'success'
                             );
                    } else {
                        swal("Oops", "The record can't be delete.(has related records)", "error");
                    }
                },
                error: function (ex) {
                    swal("Oops", "We couldn't connect to the server!" + ex, "error");
                }
            });
            return false;
        });
    });
</script>
se añadieron 1212 caracteres en el cuerpo
Origen Enlace

Amigos Lo que pasa es que necesito capturar el valor de un atributo de una etiqueta html en este caso.

<input class="btn btn-danger link1" type="button" value="Delete" data="@item.MunicipalityId" />

esta etiqueta la tengo dentro de un ciclo for es decir me crea aproximadamente 3 elementos con la misma clase 'link1'

<table class="table">
                @foreach (var item in Model.Municipalities)
                {
                    <tr>
                        <td>
                            @Html.DisplayFor(x => item.Name)
                        </td>
                        <td>
                            @Html.ActionLink("Edit", "EditMunicipality", new { id = item.MunicipalityId }, new { @class = "btn btn-warning" }) |
                            <input class="btn btn-danger link1" type="button" value="Delete" data="@item.MunicipalityId" />
                        </td>
                    </tr>
                }
</table>

y necesito hacer que JQuery me capture ese valor al botón que el usuario de click, esto quiere decir que cada un botón del ciclo me va a traer un atributo data diferente. así lo he hecho yo

data: { MunicipalityId: $(this).attr("data") }

Y siempre me captura es el primero de la lista, independiente del botón al que le de click. Gracias es lo que me puedan ayudar.

Amigos Lo que pasa es que necesito capturar el valor de un atributo de una etiqueta html en este caso.

<input class="btn btn-danger link1" type="button" value="Delete" data="@item.MunicipalityId" />

esta etiqueta la tengo dentro de un ciclo for es decir me crea aproximadamente 3 elementos con la misma clase 'link1' y necesito hacer que JQuery me capture ese valor al botón que el usuario de click, esto quiere decir que cada un botón del ciclo me va a traer un atributo data diferente. así lo he hecho yo

data: { MunicipalityId: $(this).attr("data") }

Y siempre me captura es el primero de la lista, independiente del botón al que le de click. Gracias es lo que me puedan ayudar.

Amigos Lo que pasa es que necesito capturar el valor de un atributo de una etiqueta html en este caso.

<input class="btn btn-danger link1" type="button" value="Delete" data="@item.MunicipalityId" />

esta etiqueta la tengo dentro de un ciclo for es decir me crea aproximadamente 3 elementos con la misma clase 'link1'

<table class="table">
                @foreach (var item in Model.Municipalities)
                {
                    <tr>
                        <td>
                            @Html.DisplayFor(x => item.Name)
                        </td>
                        <td>
                            @Html.ActionLink("Edit", "EditMunicipality", new { id = item.MunicipalityId }, new { @class = "btn btn-warning" }) |
                            <input class="btn btn-danger link1" type="button" value="Delete" data="@item.MunicipalityId" />
                        </td>
                    </tr>
                }
</table>

y necesito hacer que JQuery me capture ese valor al botón que el usuario de click, esto quiere decir que cada un botón del ciclo me va a traer un atributo data diferente. así lo he hecho yo

data: { MunicipalityId: $(this).attr("data") }

Y siempre me captura es el primero de la lista, independiente del botón al que le de click. Gracias es lo que me puedan ayudar.

Origen Enlace
Loading