Высотный синтаксический анализ jQuery

Question

Я хочу добавить ссылки в стиле h323: number к контактным номерам HighRise, чтобы пользователи могли щелкнуть ссылку для набора номера IP-телефона...

HTML, на который я смотрю, это:

<table>
  <tbody>
    <tr>
      <th>Phone</th>
      <td>+44 (0)1123 1231312<span>Work</span></td>
    </tr>
    <tr>
      <th></th>
    <td>+44 (0)777 2342342<span>Other</span></td>
    </tr>
  </tbody>
</table>

и в принципе, я хочу извлечь число, которое находится в td и которое начинается с + 44, убрать пробелы и вставить ссылку внутри диапазона, которая имеет href типа

h323:4411231231312  

т. е.вычеркивает 0 в квадратных скобках.

Мы с радостью примем любую помощь по любому из следующих вопросов.

(1) Как мне сопоставить td, содержащий числа +\d \d?(2) Как мне использовать селекторы, чтобы исключить интервал, когда я получаю число из td (3) Какое регулярное выражение я должен использовать для очистки числа для href?

Answer 1

Это должно быть близко к тому, что вам нужно.

$('tbody td').each(function() {
    // match a sequence of digits, parentheses and spaces
    var matches = $(this).text().match(/[ \d()]+/);

    if (matches) {
        // remove the spaces and stuff between parentheses
        var href = 'h323:' + matches[0].replace(/\s|\(.*?\)/g, '');
        var link = $('<a/>').attr('href', href);

        $('span', this).append(link);
    }
});

Однако одно предостережение, если spanсодержимое начинается с цифры, которая будет включена в матч;нужно ли учитывать такую возможность?

Answer 2

Вот окончательный скрипт GreaseMonkey - может быть, кому-то пригодится...

// ==UserScript==
// @name          HighRise Dialler
// @namespace     
// @description   Adds a CALL link to HighRise Contacts.
// @include       https://*.highrisehq.com/*
// @require       http://code.jquery.com/jquery-latest.min.js
// ==/UserScript==

(function(){

GM_xmlhttpRequest({
   method: "GET",
   url: "http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js",
   onload: run
});

function run(details) {

   if (details.status != 200) {
       GM_log("no jQuery found!");
       return;
   }

   eval(details.responseText);
   var $ = jQuery;

   //do something useful here....

   $('table td').each(function() {
       var matches = $(this).text().match(/^\+*?[\d\(\) ]+/);

       if (matches) {
         var href = 'h323:' + matches[0].replace(/\+44|\+|\s|\(|\)/g, '');
         var link = $(' <a>CALL<a/>').attr('href', href);
         $(this).find('span').append(link);
       }
   });

}

})();