javascript - Trouble trimming trailing comma from dynamically filled string -

-

i trying trim last character paragraph dynamically filling checkbox values. trouble must trim trailing character of whole paragraph. not want trim value before added list of values.

here codepen:

http://codepen.io/cavanflynn/pen/pqlwkj

html:

<dl class="dropdown">   <dt> <a href="#">   <span class="hida">▼</span>      </a> </dt>  <dd>     <div class="mutliselect">         <ul class="ul">             <li>                 <input type="checkbox" value="ponumber" />number</li>             <li>                 <input type="checkbox" value="authnumber" />auth number</li>             <li>                 <input type="checkbox" value="statusid" />status</li>             <li>                 <input type="checkbox" value="manufacturerid" />manufacturer</li>         </ul>     </div> </dd> </dl> <p class="multisel"></p>

javascript:

$(".dropdown dt a").on('click', function () {       $(".dropdown dd ul").slidetoggle('fast');   });    $(".dropdown dd ul li a").on('click', function () {       $(".dropdown dd ul").hide();   });    function getselectedvalue(id) {        return $("#" + id).find("dt span.value").html();   }    $(document).bind('click', function (e) {       var $clicked = $(e.target);       if (!$clicked.parents().hasclass("dropdown")) $(".dropdown dd ul").hide();   });     $('.mutliselect input[type="checkbox"]').on('click', function () {        var title = $(this).closest('.mutliselect').find('input[type="checkbox"]').val(),           title = $(this).val() + ",";        if ($(this).is(':checked')) {           var html = '<span title="' + title + '">' + title + '</span>';           $('.multisel').append(html);       }        else {           $('span[title="' + title + '"]').remove();           var ret = $(".hida");           $('.dropdown dt a').append(ret);        }   });

there bunch of questions trimming trailing characters on here, can't figure out how trim paragraph whole after value dynamically added. thanks!

the following code want. moved comma outside <span>

$('p.multisel')     .html($(this)         .find('input[type="checkbox"]:checked')         .map(function(idx, elem) {             return $(elem).parent().text().trim();         })         .get()         .map(function(text) {             return "<span title='" + text + "'>" + text + "</span>";         })         .join(', '));

codepen

explanation

$('p.multisel').html(...)

(.html) sets contents of <p class='multisel'>.

$(this).find('input[type="checkbox"]:checked')

(.find) gets checked check boxes.

.map(...)

(.map) maps array of checked check boxes plain text, whitespace trimmed.

.get()

(.get) turns jquery selection regular array.

.map(...)

(array.prototype.map) maps plain text element wanted make wrapping in <span> tags , stuff.

.join(...)

(array.prototype.join) inserts commas , spaces between elements of array working on.


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana
Read more

php - How do you embed a video into a custom theme on WordPress? -

-
i'm using wordpress 4.2.3 , created custom theme use. when try embed youtube video (pasting http:// link content area), video shows in edit content area, when view site, shows text url instead. i tried sorts of things clear formatting, removing link, unchecking settings in writing area, etc. temporarily switched default wp theme , video shows up, i'm missing in template code, , can't figure out what. here code used outputting content in template. index.php <div class="video"> <?php $post_id = 26; $queried_post = get_post($post_id); echo $queried_post->post_content; ?> </div> thanks - appreciate it!
Read more