Trung tâm cá nhân
Bài viết phát hành
từ bỏ@item.EventDate
@item.Title
@Html.Raw(item.Body)
@if (User.IsInRole("Admins") || Model.TimeLineCategory.ApplicationUserId == currentUser.Id)
{
@**@
}
28
4
Tôi sử dụngforeach 语句访问IEnumerable 的所有元素并将其呈现在详细信息页面中。我想让每个元素的悬停属性只影响一个元素。所以我使用 jQuery 单独影响每个元素
但是当我运行代码并将鼠标悬停在一个元素上时，所有元素都会同时影响悬停属性。
如何单独影响每个元素？
这是我的标签助手:
@foreach (var item in Model.TimeLines)
{
@item.EventDate
@item.Title
@Html.Raw(item.Body)
@if (User.IsInRole("Admins") || Model.TimeLineCategory.ApplicationUserId == currentUser.Id)
{
@**@
}
}
和我的 jQuery 代码:
$('section article').each(function (i, element) {
$("div.inner .form-group").on({
mouseenter: function () {
$('.example_c').show();
},
mouseleave: function () {
$('.example_c').hide();
}
});
});
1 Câu trả lời
您可以搜索您悬停的元素的特定子元素，这样您就可以只显示您想要的元素...$(this) 元素指的是您悬停的元素。
$('section article').each(function (i, element) {
$("div.inner .form-group").on({
mouseenter: function () {
$(this).find('.example_c').show();
},
mouseleave: function () {
$(this).find('.example_c').hide();
}
});
});
关于jquery - 如何单独影响每个元素的样式(悬停)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54827721/
28
4
0
Trên một trang web đang phát triển, tôi gặp lỗi này trên IE element = $(element); Mã này nằm trong prototype.js Object expected Làm thế nào để loại bỏ lỗi này. Cập nhật: Cảnh này cũng sử dụng jQuery. Câu trả lời hay nhất
Tôi có hai mảng lồng nhau có cùng kích thước: Array1 = [[1, 2], [], [2, 3]] Array2 = [[1, 4], [8, 11], [3, 6]] Tôi cần hợp nhất chúng thành một mảng như thế này: A
Tôi có một số mã jQuery chạy khi nhấp vào một mục có ID cụ thể. Nó hoạt động khi ID là một phần của . phần tử, nhưng không phải khi nó nằm trong một phần tử. Tại sao chuyện này lại xảy ra? Tôi muốn sử dụng vì nếu người dùng tắt Java
Đặc tả hộp linh hoạt 3 nêu rằng các mục linh hoạt không phải là các hộp chứa khối: Một mục linh hoạt thiết lập một ngữ cảnh định dạng mới cho nội dung của nó
Tôi gặp phải một vấn đề không mong muốn. HTML JS $(function() { var $divs = $('.myDiv'); // tạo div mới không có trong
Tôi có một danh sách không có thứ tự khi sử dụng Bootstrap và Ember.js. Mỗi mục danh sách là một liên kết hiển thị bài đăng mới và bất cứ khi nào bạn nhấp vào liên kết đó, Ember sẽ thêm lớp hoạt động theo mặc định. Tôi đang sử dụng Bootstr
Tôi đang cố gắng để một hàm hoạt động nhưng không mấy thành công nên tôi nghĩ mình sẽ hỏi nhóm chuyên gia Stackoverflow một câu hỏi dành cho người mới bắt đầu! Về cơ bản, tôi có một biểu mẫu và tôi đang lặp qua tất cả các phần tử để xem có thuộc tính dữ liệu tùy chỉnh nào không. Nếu nó tồn tại, hãy giữ nguyên phần tử đó
Tôi muốn ánh xạ một mảng tùy chọn, xóa các giá trị nil đó và ánh xạ các giá trị không phải nil bằng một hàm khác. Tôi biết tôi có thể thực hiện điều này bằng cách sử dụng compactMap và sau đó là một bản đồ thông thường, nhưng tôi chỉ muốn lặp qua mảng một lần. Tôi đã đạt được điều này
Làm thế nào tôi có thể định vị các phần tử li trừ khi chúng xuất hiện sau một phần tử? Nói cách khác, tôi muốn tập trung vào các bước thay vì chú thích. Tôi đã thử thêm một lớp vào OL mà tôi muốn loại trừ khỏi lựa chọn, nhưng mã tôi đưa ra không hoạt động. (Nhân tiện, việc tái cấu trúc html không phải là một lựa chọn
Cảnh báo 1 Phần tử 'system.webServer' có phần tử con 'rewrite' không hợp lệ. Danh sách các phần tử có thể có
Tôi đang cố gắng viết một tập lệnh sẽ duyệt qua nguồn HTML và tạo một tệp JSON của DOM, sau đó hiển thị tệp đó trong TreeView bằng d3.js. Vấn đề tôi gặp phải là tôi không chỉ muốn hiển thị các phần tử (TITLE, P, LI, v.v.)
Tôi có mẫu HTML sau:- Tùy chọn 1 Tùy chọn 2
Tôi đang cố gắng chọn phần tử span tiếp theo có tên lớp là slider-value sau phần tử HTML đã chọn. Tôi đã thử nhiều giải pháp nhưng không có giải pháp nào hiệu quả. Tôi có thể chọn nó theo id, nhưng tôi không muốn làm cho mã trở nên thừa thãi khi làm như vậy. (
Nếu địa chỉ email không hợp lệ, tôi muốn hiển thị thông báo trên màn hình với nội dung "Vui lòng nhập địa chỉ email hợp lệ". Câu lệnh innerHTML cho phần tử body hoạt động tốt, nhưng câu lệnh innerHTML tôi sử dụng cho phần tử p không hoạt động. Một lần, khi tôi thử nghiệm nó
Mã jQuery sau đây gọi phần tử ul, tìm ba mục danh sách li đầu tiên trong phần tử và ẩn các mục li còn lại. Sau đó, nó sẽ thêm phần tử li có nội dung "Hiển thị thêm..." và khi nhấp vào sẽ hiển thị mục danh sách đã ẩn trước đó. (
Tôi đã hỏi một câu hỏi trước đó về cách tốt nhất để đặt các liên kết chỉnh sửa/xóa nội tuyến với phần tử h1. Tôi đã có thể thực hiện được điều này nhờ các câu trả lời được đưa ra, nhưng giờ tôi có thêm yêu cầu là phải hiển thị một đoạn văn bên dưới h1 và chỉnh sửa/xóa liên kết. cho đến nay
Tôi đang sử dụng MVC 4 và thư viện knockout.js phiên bản 2.1.0 để hiển thị đoạn trích sau trong bảng gồm một số tệp được lấy từ máy chủ. 0)"> đang truy xuất dữ liệu một cách chính xác,
Tôi đã tạo một tập lệnh kích hoạt khi chuột ở trên vùng chứa cha và sẽ di chuyển các phần tử con ra khỏi chuột. Hiện tại tôi đã chạy được, nhưng một số phần của mã có vẻ mâu thuẫn với cách mã REACT trông như thế nào. Đặc biệt là hai phần. Tôi sử dụng trong hàm render
Tôi mới làm quen với JS và đang cố gắng hiểu mã của dự án https://github.com/tastejs/todomvc Xem ảnh chụp màn hình, tôi đã thử đặt điểm dừng trên nút X và div cha của nó, nhưng cả hai
Ví dụ, giả sử có một đánh dấu với màu sắc lạ mắt: Nội dung được viết ở đây Sử dụng Visual Studio 2017 và các thành phần MVC 5, có cách nào để kiểm tra và xác định kiểu nào hiện đang được áp dụng cho thành phần đó và kiểu nào chịu trách nhiệm cho kiểu đó không?
Tôi là một lập trình viên xuất sắc, rất giỏi!