我有一个MVC页面为从数据库中检索到的每个项目动态生成一个卡片元素 - 每个卡片上都有一个按钮,我试图从卡片中设置一些值,这些值被点击了填充不同的元素。
卡片代码:
$('#btndetails').on('click', function () {
//var id = $('#uk-card-title').text();
//var id = $(this).find('#uk-card-title').text();
var id = $(this).closest("uk-card-title").text();
alert(id);
jquery的:
<input formControlName="segment"
[typeahead]="segments"
(typeaheadLoading)="segmentsLoading($event)"
(typeaheadNoResults)="segmentsNoResults($event)"
(typeaheadOnSelect)="segmentOnSelect($event)"
typeaheadOptionsLimit="10"
typeaheadMinLength="3"
typeaheadWaitMs="300"
[typeaheadItemTemplate]="customSegmentTemplate"
class="form-control">
我有一个非画布元素可以滑入以显示来自卡片的更多信息,但这些细节需要通过此按钮单击操作进行设置并从卡片中获取。 当点击第一张卡时触发警报,但没有其他卡
答案 0 :(得分:1)
感谢@guradio使用以下方法修复它:
$(".uk-button").on('click', function () {
var $item = $(this).prev().prev().text();
alert($item);
});