Javascript массив преобразования строки

Question

У меня есть этот массив в JavaScript:

[div.parts, div.editor, div.inside-1, div.container-2, div.inside-wrapper, div#content, div.whitebgpan, div, div#maindiv, body, html] 

Как я могу преобразовать его в строку, так что на выходе будет:

div.parts div.editor div.inside-1 div.container-2 div.inside-wrapper div#content div.whitebgpan div div#maindiv body html 

вот мой код:

jQuery(document).on('click', function(e){ 
    var ClickedParents = jQuery(e.target).parents(); //Get all parents of clicked element 
    var ClickedParents_array = jQuery.makeArray(ClickedParents); //Make array 
    console.log(ClickedParents_array); //Show output in colsole 
}); 

Answer 1

Вы можете использовать комбинацию функции JQuery each и Array.Join фу в JavaScript чтобы решить эту проблему.

DEMO: http://jsfiddle.net/zay015ex/1/

Я искусственно получен массив JQuery объектов, чтобы показать, как можно решить эту проблему, но понятие является общим для вашей проблемы.

HTML

<div id="parent"> 
    <div id="child1"></div> 
    <div id="child2"></div> 
    <div id="child3"></div> 
    <div id="child4"></div> 
    <div id="child5"></div> 
</div> 

JavaScript

var arrayOfObjects = $('#parent').children(); 
var ids = []; 

$.each(arrayOfObjects, function(i, val) 
    { 
     ids.push(val.id); 
    }); 

var idString = ids.join(' '); 

• Вы можете прочитать больше о функции here JQuery each.

• Вы можете прочитать больше на Array.Join функции в JavaScript
  here.

Answer 2

===== Обновление =====

Ok, следующий код проверяется, просто откройте консоль и вставьте. он выбирает все теги div и конвертирует в строку выбора.

$.map($('div'),function toSelector(elem){ 
    var jqObj = $(elem) 
    var tag = jqObj.prop('tagName').toLowerCase() 
    var classes = jqObj.attr('class') ? '.' + jqObj.attr('class').split(' ').join('.') : '' 
    var ids = jqObj.attr('id') ? '#' + jqObj.attr('id').split(' ').join('#'): '' 
    return tag + classes + ids 
}) 

===================

, предполагающие они JQuery объектов, вы должны построить строку вручную. Например, сделайте что-нибудь вроде следующего. (не проверено)

function toSelector(jqObj){ 
    var tag = jqObj.prop('tagName').toLowerCase() 
    var classes = jqObj.attr('class') ? '.' + jqObj.attr('class').split(' ').join('.') : '' 
    var ids = jqObj.attr('id') ? '#' + jqObj.attr('id').split(' ').join('#'): '' 
    return tag + classes + ids 
} 

array.map(toSelector) 

Answer 3

Я думаю, что под код поможет вам.

<script type="text/javascript"> 
 
      String.prototype.replaceAll = function (token, newToken, ignoreCase) { 
 
       var _token; 
 
       var str = this + ""; 
 
       var i = -1; 
 
       if (typeof token === "string") { 
 

 
        if (ignoreCase) { 
 
         _token = token.toLowerCase(); 
 
         while((
 
          i = str.toLowerCase().indexOf(
 
           token, i >= 0 ? i + newToken.length : 0 
 
           )) !== -1 
 
         ) { 
 
          str = str.substring(0, i) + 
 
          newToken + 
 
          str.substring(i + token.length); 
 
         } 
 
        } else { 
 
         return this.split(token).join(newToken); 
 
        } 
 
       } 
 
       return str; 
 
      }; 
 
      try{ 
 
       var arr = []; 
 
       arr.push('div.parts', 'div.editor', 'div.inside-1', 'div.container-2', 'div.inside-wrapper', 'div#content', 'div.whitebgpan', 'div', 'div#maindiv', 'body', 'html'); 
 
       var stringData = arr.toString();     
 
       stringData = stringData.replaceAll(",", " "); 
 
       console.log(stringData); 
 
     
 
      }catch(e){ 
 
       alert(e) 
 
      } 
 
     </script>