extend jQuery

by Yohan Yang

HTML

<ul>
    <li>01</li>
    <li>02</li>
    <li>03</li>
    <li>04</li>
</ul>
<p id="cs1" class="cs"></p>
<p id="cs2" class="cs"></p>
<p id="cs3" class="cs"></p>
<p id="cs4" class="cs"></p>

CSS

.cs {background-color: #eee; padding: 5px;}

JavaScript

$.fn.texts = function(sep) {
    sep = sep || ',';
    var texts = this.map(function(i,el) {
        return $(el).text();
    });
    return texts.get().join(sep);
};

$('#cs1').text($('li').texts());
$('#cs2').text($('li').texts(' / '));

$.texts = function($els, sep) {
    sep = sep || ',';
    var texts = $els.map(function(i,el) {
        return $(el).text();
    });
    return texts.get().join(sep);
};

$('#cs3').text($.texts($('li')));
$('#cs4').text($.texts($('li'), ' / '));