从字符串获取DIV ID值和manupulating它(Getting div id values

2019-10-30 11:50发布

任何人都可以分享如何实现这个任何想法。 我有一个逗号分隔的div名称的变量。 AJAX请求后,我有所隐瞒从字符串进行解析的所有div。 那么,如何解析字符串获取个人div名称和隐藏?

提前致谢

jQuery代码

var dragExternal = 'div1a,div1b,div2a,div2b';

    $.ajax({
    type: 'POST',
    url: "index.html",
    data: dragExternal,
    processData: false,
    success: function(data) {
    alert("Success");
        //Start of code to hide all the div's parsed from the string
         $('#div1a').slideUp(90);
    },
    error: function(data) {
    alert("Cannot Reach Server");
    }
    });

HTML代码

<div id="div1a">Item 1</div>
<div id="div1b">Item 2</div>
<div id="div2a">Item 3</div>
<div id="div2b">Item 4</div>
<div id="div3a">Item 5</div>
<div id="div3b">Item 6</div>

Answer 1:

首先,你必须从获得所有的ID dragExternal 。 通过这样做string.split(',')

然后你可以使用jQuery.each方法要经过每一个项目。

var dragExternal = 'div1a,div1b,div2a,div2b';

$.each(dragExternal.split(','), function(i,item){
   $("#" + item).hide();
}); 

例如: http://jsfiddle.net/jonathon/UMCrC/

虽然你甚至不需要$。每次(它很高兴知道使用虽然) - 因为他们都只是字符串:

var dragExternal = 'div1a,div1b,div2a,div2b',
    items = dragExternal.split(',')

for(var i=0;i<items.length;i++){
   $("#" + item[i]).hide();
}; 

您可以使用id选择用前缀的div名称来获得每个DIV #



文章来源: Getting div id values from a string and manupulating it