Вернуть $ (this) Dom Element jQuery

Question

Вернуть $ (this) Dom Element jQuery

0

Я пытаюсь найти элемент с его идентификатором данных и типом данных, чтобы я мог делать с ним все, но при этом обнаруживаю ошибку. Здесь моя функция:

    find : function(id, type) {
    $('.elem').each(function(index, element) {
        if ($(this).data('id') == id && $(this).data('type') == type)
            return $(this);
    });
},

Например, я пытаюсь сделать следующее:

myClass.find(1, 'myType').text('whatever');

Как я могу это сделать?

EDIT: Благодаря adeneo и user3558931! Изменено:

    findPro : function(id, type) {
    return $('.elem[data-id=' + id + '][data-type=' + type + ']');
},

Sebastian Salines 11 июнь 2014, в 01:34

Источник

1

В .each() return не делает то, что вы думаете !! :(
PeterKA 10 июнь 2014, в 23:34
1

Вы можете варьировать элементы = $ ("input [data-type = 'myType']"); elements.each (функция (IDX, эль) {$ (это) .text ( 'любой');}); Я постараюсь переписать вашу функцию так же, как она у вас есть.
IrishGeek82 10 июнь 2014, в 23:36
1

Также: stackoverflow.com/questions/4191386/… , это могут быть дублированные вопросы.
IrishGeek82 10 июнь 2014, в 23:40

Показать ещё 1 комментарий

Теги:

jquery

dom

return

this

2 ответа

Ещё вопросы

В .each() return не делает то, что вы думаете !! :(
Вы можете варьировать элементы = $ ("input [data-type = 'myType']"); elements.each (функция (IDX, эль) {$ (это) .text ( 'любой');}); Я постараюсь переписать вашу функцию так же, как она у вас есть.
Также: stackoverflow.com/questions/4191386/… , это могут быть дублированные вопросы.

adeneo · Answer 1 · 2014-06-10T21-30-00.000Z

3

find : function(id, type) {
    return $('.elem[data-id="'+id+'"][data-type="'+type+'"]');
},

как побочный элемент, это не сработает, если данные изначально были установлены с data(), я предполагаю, что это атрибуты данных HTML5, как в

<div data-id="something" data-type="something else"></div>

и это не связано с цепью, поскольку оно не добавлено в прототип jQuery

adeneo 10 июнь 2014, в 21:30

0

Это не короткое замыкание. Я сомневаюсь, что два элемента будут иметь одинаковый идентификатор. Насколько я вижу, целью ОП было вернуть один элемент.
plalx 10 июнь 2014, в 23:42
0

@plalx - это именно то, что делает OP, и почему два элемента не имеют двух разных атрибутов DATA .
adeneo 10 июнь 2014, в 23:43
1

В любом домене достаточно редко, чтобы поле id использовалось для двух разных сущностей. Я считаю также безопасным предположение, что в текущем контексте не будет дублированного представления одной и той же сущности. Следовательно, OP должен интересоваться одним элементом. Вы также можете увидеть, что return $(this); взятый из кода ОП сообщает об этом намерении, даже если он не делает то, что, как он думал, будет.
plalx 10 июнь 2014, в 23:46
0

@plalx - я понятия не имею, о чем вы говорите, это АТРИБУТЫ ДАННЫХ , вы можете иметь столько, сколько хотите, и они могут быть дубликатами, и если есть только один элемент с этим идентификатором данных и атрибутом типа данных , он соответствует только одному элементу?
adeneo 10 июнь 2014, в 23:47
0

Неважно, ты не понимаешь мою точку зрения, и это не имеет значения, в конце концов. Вы сосредоточены на правилах HTML, но я не об этом. Я говорю о роли, которую поле id обычно играет в домене. Почему должно быть несколько идентичных представлений одного и того же объекта?
plalx 10 июнь 2014, в 23:52
0

@plalx - Нет, я не совсем понимаю, почему это имеет значение, если есть один или тысяча элементов с этим идентификатором данных, а это HTML, который сказал что-нибудь о доменах, представлениях или объектах?
adeneo 10 июнь 2014, в 23:55
0

Да, работает как задумано. Большое спасибо!
Sebastian Salines 11 июнь 2014, в 00:37

Показать ещё 5 комментариев

PeterKA · Answer 2 · 2014-06-10T22-06-00.000Z

В .each() return служит совершенно другая цель. Поэтому вы должны придерживаться другого подхода:

......
findPro : function(id, type) {
    return $('.elem[data-id=' + id + '][data-type=' + type + ']');
},
.......

На самом деле, имя функции findPro, я просто изменил его, чтобы сделать его более общим для публикации, и оригинальная функция поиска полностью ускользнула от меня.
@SebastianSalines Я отредактировал ответ, чтобы изменить имя функции и сократил тело функции.
@adeneo Я увидел твой ответ после того, как отредактировал свой; Я не копировал - я бы не копировал.
Работает сейчас, я отредактировал вопрос с правильным использованием.