Добавить значение по атрибуту данных

Question

Добавить значение по атрибуту данных

0

У меня есть следующая ситуация:

Существует таблица со следующим name и value атрибута данных: data-specificationattributename="Basiseenheid" в следующей строке таблицы:

<tr class="even" data-specificationattributename="Basiseenheid">
    <td class="a-left spec-namehide">
        Basiseenheid
    </td>     
    <td class="a-left spec-valuehide">
        KG 
    </td>   
</tr>

Мне нравится получать значение (KG) на основе атрибута data и добавлять его к следующему div "span.qty unit-result":

<div class="qty-unit">
    <span class="qty-unit-result"></span>
</div>

Надеюсь, кто-то может показать мне, как это сделать.

BlueBay 10 окт. 2013, в 16:20

Источник

0

Вы хотели получить «KG», когда вам передали «Basiseenheid», который присутствует внутри первого тд?
niksvp 10 окт. 2013, в 14:20

Теги:

javascript

jquery

html-table

append

custom-data-attribute

3 ответа

Ещё вопросы

Вы хотели получить «KG», когда вам передали «Basiseenheid», который присутствует внутри первого тд?

Krishna · Answer 1 · 2013-10-10T12-22-00.000Z

2

jsFiddle DEMO

var selector = $('[data-specificationattributename=Basiseenheid]');
var kgVal = selector.find('.spec-valuehide').text().trim();
$('.qty-unit-result').html(kgVal);

Или

var selector = $('[data-specificationattributename=Basiseenheid] .spec-valuehide');
var kgVal = selector.text().trim();
$('.qty-unit-result').html(kgVal);

EDIT: jsPerf Результаты тестов между двумя из них.

Выключается.find() примерно на 16-18% медленнее, чем селектор пространства.

.find() - 24 035 операций в секунду, на 18% медленнее

селектор слияния - 29 501 операций в секунду, самый быстрый

Krishna 10 окт. 2013, в 12:22

0

Вы можете объединить ваш начальный селектор и .find () в один селектор, учитывая, что ваш поиск в том же направлении.
Prusprus 10 окт. 2013, в 14:23
0

@Prusprus - find происходит быстрее, чем многоуровневые селекторы.
talemyn 10 окт. 2013, в 14:26
0

AFAIK, один большой селектор помещается в querySelectorAll javascript, а цепочка разбивает селектор на несколько функций. Так что для современных браузеров jquery будет перемещать селектор прямо в js.
Prusprus 10 окт. 2013, в 14:29
1

@ Guys - спасибо за комментарии .. Я добавил оба, Мир :)
Krishna 10 окт. 2013, в 14:34
0

Это работало нормально. Большое спасибо за вашу помощь, ребята!
BlueBay 10 окт. 2013, в 14:35
1

@BlueBay - рад помочь. Пожалуйста, подтвердите все полезные ответы и примите один из них.
Krishna 10 окт. 2013, в 14:37
0

@Prusprus - любой тест производительности, который я когда-либо видел, имел оценку $("SELECTOR_1").find("SELECTOR_2"); быстрее чем $("SELECTOR_1 SELECTOR_2");
talemyn 10 окт. 2013, в 14:43
1

@Pruprus и talemyn - тема выступления заинтересовала меня. Я сделал некоторые тесты jsperf на них. Оказывается, путь Пруспрая быстрее.
Krishna 10 окт. 2013, в 15:03
1

@BlueBay вы можете принять этот ответ. Кришна, спасибо за метрики. Чтобы не дискредитировать талемнина, у вас есть свои показатели для сравнения?
Prusprus 10 окт. 2013, в 15:33
0

@Pruprus и Krishna - этот тест jsperf сравнивает 7 различных подходов к выбору: jsperf.com/jquery-selectors-context/2 (из последнего ответа в этой теме: stackoverflow.com/questions/648004/… ). За более чем 1000 запусков в разных браузерах только подмножество браузеров Opera показывает значительную скорость, используя только селектор. Подход find() редко побеждает что-либо, кроме children() , что, конечно, применимо только для непосредственного выбора children() . Следует признать, что «селектор + find » не так быстр, как «контекст + find ».
talemyn 10 окт. 2013, в 16:28
2

Это удивительно, я бы никогда не догадался. Хорошая работа @talemyn. Что я убираю из этого: 1) Производительность относительно сценария / среды. 2) Контекст, контекст, контекст: не повредит.
Prusprus 10 окт. 2013, в 16:51
0

Прежде чем я увидел это, мне тоже было трудно поверить в это. :) Даже прежде , чем видеть его, хотя, когда я запустить тест производительности иногда просто проверить, find продолжал выигрывать вне. Я думаю, что для себя я предположил, что, поскольку это выглядит более эффективным, это должно также преформовать более эффективно. : D
talemyn 10 окт. 2013, в 17:17

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

Morteza Soltanabadiyan · Answer 2 · 2013-10-10T12-12-00.000Z

С помощью jQuery вы можете получить KG с помощью этой команды:

var fst= $( ".spec-valuehide" ).html();

Затем добавьте его в другую ширину:

$( ".qty-unit-result" ).append(fst);

см.: http://api.jquery.com/append/ http://api.jquery.com/html/

но это не то, чего хотел ОП. Он хочет значение, где есть определенный атрибут данных для строки.

Prusprus · Answer 3 · 2013-10-10T13-21-00.000Z

find_value($key){
    return $('table tr[data-specificationattributename='+$key+'] td.spec-value-hide').html().trim();
}

$('div.qty-unit span.qty-unit-result').html(find_value('Basiseenheid'));