私は次のjsFiddleを持っています。これは、私がやりたいことを最もよく示しています。それはかなり自明です。同じ名前の属性を持つ要素が存在する場合は、何もしません。そのような要素が存在しない場合は、その要素を追加します。
if (an element exists in the div 'selects' with name="folder3") {
return false;
} else {
$('#selects').append('<select name="folder3"></select>');
}
これのために短くて甘いものにしてください！どんな助けでも大歓迎です。
何かのようなもの：
if ($('#selects select[name="folder3"]').length) {
おそらくあなたが探しているものです。
//if (an element exists in the div 'selects' with name="folder3") -yours comment
if ($('#selects').find('select[name="folder3"]').length) {
return false;
} else {
$('#selects').append('<select name="folder3"></select>');
}
if ($("#selects select[name='folder3']").length>0) {
return false;
} else {
$('#selects').append('<select name="folder3"></select>');
}
if ($('#selects select[name="folder3"]').length) {
return false;
} else {
$('#selects').append('<select name="folder3"></select>');
}
var itemName = "folder4";
var $item = $('#selects select[name="' + itemName + '"]');
if($item.length == 0)
{
$('#selects').append('<select name="' + itemName + '"></select>');
}
ここでフィドル
これをチェックしてください。他にも多くの回避策があります。ここでは、ページ内の他のすべての要素ではなく、各ドロップダウンを確認します。http://jsfiddle.net/Ue7VQ/4/
$(function ()
{
$.each( $("select"), function() {
if ($(this).attr("name") == "folder3")
{
alert('Do you what you want to do over here');
}
});
});
私はここで次のプラグインを使ってこの同じ質問に答えました。プラグインの作成の詳細については、回答をご覧ください。
次のプラグインを使用すると、要素が存在する場合にコールバック機能（jQueryスタイルのマークアップとインラインのまま）を使用できます。したがって、あなたの例では、次のようなことをするかもしれません：
// first callback is "if exist",
// second callback method is "if not exist"
$('#selects select[name="folder3"]').exist(function(exist, elements, index) { // with a param, this cb will always fire
/* Do work for existing elements here */
/* $(this) && this work just like any other jQuery method. this is the current element worked on */
/* Params:
exist: boolean (should always be true here) if exist
elements: complete list of elements called using your selector, in this case '#selects select[name="folder3"]'
index: the index number within the list of elements of THIS element
*/
},
function (exist, elements) {
/* Do alternate work, for elements do not exist */
/* Params:
exist: boolean (should always be false here) if exist
elements: complete list of elements called using your selector, in this case '#selects select[name="folder3"]'
*/
});
| または|
if (!$('#selects select[name="folder3"]').exist()) {
// element did not exist
$('#selects').append('<select name="folder3"></select>');
}
(function($) {
if (!$.exist) {
$.extend({
exist: function() {
var ele, cbmExist, cbmNotExist;
if (arguments.length) {
for (x in arguments) {
switch (typeof arguments[x]) {
case 'function':
if (typeof cbmExist == "undefined") cbmExist = arguments[x];
else cbmNotExist = arguments[x];
break;
case 'object':
if (arguments[x] instanceof jQuery) ele = arguments[x];
else {
var obj = arguments[x];
for (y in obj) {
if (typeof obj[y] == 'function') {
if (typeof cbmExist == "undefined") cbmExist = obj[y];
else cbmNotExist = obj[y];
}
if (typeof obj[y] == 'object' && obj[y] instanceof jQuery) ele = obj[y];
if (typeof obj[y] == 'string') ele = $(obj[y]);
}
}
break;
case 'string':
ele = $(arguments[x]);
break;
}
}
}
if (typeof cbmExist == 'function') { // has at least one Callback Method
var exist = ele.length > 0 ? true : false; // strict setting of boolean
if (exist) { // Elements do exist
return ele.each(function(i) { cbmExist.apply(this, [exist, ele, i]); });
}
else if (typeof cbmNotExist == 'function') {
cbmNotExist.apply(ele, [exist, ele]);
return ele;
}
else {
if (ele.length <= 1) return ele.length > 0 ? true : false;
else return ele.length;
}
}
else { // has NO callback method, thus return if exist or not based on element existant length
if (ele.length <= 1) return ele.length > 0 ? true : false; // strict return of boolean
else return ele.length; // return actual length for how many of this element exist
}
return false; // only hits if something errored!
}
});
$.fn.extend({
exist: function() {
var args = [$(this)];
if (arguments.length) for (x in arguments) args.push(arguments[x]);
return $.exist.apply($, args);
}
});
}
})(jQuery);
あなたはこれを試すことができます、
function checkSelects() {
var contains = false;
var temp = $("#selects").children();
$(temp).each(function () {
if ($(this).attr("name") == "folder3")
contains = true;
});
if (!contains)
$("#selects").append('<select name="folder3"></select>');
}