сжать HTML-помощь

Первое, что вы должны сделать, это прикрепить событие onclick к DIV через jQuery или какую-либо другую структуру и позволить ему всплывать, чтобы вы могли использовать doSomething для охвата всех случаев, и в зависимости от того, на какой элемент вы нажали, вы можете извлечь идентификатор элемента и идентификатор ссылки. Также действительно ли промежуткам нужны идентификаторы? Я не знаю, основываясь на вашем примере кода. Кроме того, возможно, вместо того, чтобы загружать ссылку и идентификаторы элементов при загрузке страницы, получайте их через AJAX по мере необходимости.

Мои пять копеек, когда я ем салат на обед, Никит.

Свежее обновление для vikasde. Синтаксис этого может быть не совсем правильным. Я на обеденном перерыве.

$(".b").bind( // the class of your div, use an ID , e.g. #someID if you have more than one element with class b
    "click",
    function(e) { // e is the event object
        // do something with $(e.target), like check if it's one of your links and then do something with it.
    }
);

Если вы установите свойство InnerHtml узла, DOM должен будет интерпретировать ваш HTML-текст и преобразовать его в узлы. По сути, здесь вы используете интерпретатор языка. Больше текста, больше времени на обработку. Я подозреваю (но не уверен), что было бы быстрее создать фактические узлы элементов DOM со всей необходимой вложенностью содержимого и подключить их к содержащему узлу. Ваше решение «InnerHTML» делает то же самое под прикрытием, но также выполняет дополнительную работу по осмыслению вашего текста.

Я также поддерживаю предложение кого-то другого, который сказал, что может быть более экономичным создавать весь этот контент на сервере, а не в клиенте через JS.

Наконец, я думаю, вы можете удалить большую часть содержимого ваших span. Вам не нужен идентификатор, вам не нужны аргументы в вашем onclick(). Вызовите функцию JS, которая определит, из какого узла она вызывается, поднимитесь на один узел вверх, чтобы найти содержащий div, и, возможно, прокрутите содержащиеся узлы и/или просмотрите текст, чтобы выяснить, на какой элемент в div он должен реагировать. . Вы можете заставить обработчик onclick выполнять много работы - эта работа выполняется только один раз, во время щелчка мыши, и не будет умножаться на 2000x. Это не займет ощутимого количества времени пользователя.

Джон Резиг написал блог на documentDragments http://ejohn.org/blog/dom-documentfragments/

function addRow(row) {
    var fragment = document.createDocumentFragment();

    var div = document.createElement('div');
    div.addAttribute('class', 'b');

    fragment.appendChild(div);
    div.innerHtml = "<div>what ever you want in each row</div>";

    // setting a timeout of zero will allow the browser to intersperse the action of attaching to the dom with other things so that the delay isn't so noticable
    window.setTimeout(function() { 
        document.body.appendChild(div);
    }, 0);
};

Еще одна проблема заключается в том, что на странице слишком много всего, что ваш браузер не может корректно обработать. Я не уверен, позволяет ли это дизайн страницы, но как насчет того, чтобы поместить эти 2000 строк в DIV с фиксированным размером и overflow: auto, чтобы пользователь получил прокручиваемое окно на странице?

Это не то, что я бы предпочел как пользователь, но если это исправит странность курсора, это может быть приемлемым обходным путем.

Еще одно решение

... к проблеме "слишком много материала на странице":

(пожалуйста, дайте мне знать, когда вам надоест эти предложения!)

Если у вас есть возможность использовать встроенный объект, скажем, Java-апплет (мое личное предпочтение, но большинство людей его не трогает), JavaFX, Flash, Silverlight или...

тогда вы могли бы отображать все эти странные данные в этой технологии, встроенные в страницу вашего браузера. Содержимое страницы не должно касаться браузера, и, следовательно, он не задохнется от вас.

Помимо времени загрузки для Java или чего-то еще, это может быть прозрачным и невидимым для пользователя, то есть (почти) возможно сделать так, чтобы текст отображался на странице так же, как если бы он был непосредственно в HTML.