Jquery এ একটি নির্দিষ্ট বৈশিষ্ট্যযুক্ত মান সহ সমস্ত উপাদান সন্ধান করুন

90

আমাকে এমন সমস্ত উপাদান সন্ধান করতে হবে যাগুলির একটি বিশেষ বৈশিষ্ট্যযুক্ত মান রয়েছে।

আমার যে ডিভটি খুঁজে পেতে হবে তা এখানে রয়েছে (আমার অনেকগুলি আছে ..)

<div imageId='imageN'>...

আমার কেবল ডিভগুলি দিয়ে লুপ করা দরকার imageId='imageN'

jquery

— পাবুক
সূত্র

6

আমি class="imageN"বৈধ এইচটিএমএল এর জন্য ব্যবহার করার পরামর্শ দেব । হয় বা data-imageId="imageN"বৈধ HTML5 এর খাতিরে। প্রাক্তনের সাথে, আপনি শ্রেণি নির্বাচকটি ব্যবহার করতে সক্ষম হবেন।

— অ্যান্ডি ই

অ্যান্ডি, এর পেছনের কারণটি হ'ল এই ডিভগুলি কোড-পিছনে থেকে গতিশীলভাবে যুক্ত করা হয় এবং একই সাথে বিভিন্ন শ্রেণির ইমেজআইডস রয়েছে '।

— পাবুক

4

আপনার যদি একাধিক ক্লাস করতে পারে class="image imageN"তবে এটি সহায়তা করে।

— Val,

ক্লাস নেমে সিলেক্ট করবেন না কেন তাদের যদি ইতিমধ্যে একই ক্লাস থাকে?

— প্রেক্সিস অ্যাসেলিন

145

$('div[imageId="imageN"]').each(function() {
    // `this` is the div
});

বৈশিষ্ট্যটির একমাত্র অস্তিত্বের জন্য, কোন মান বিবেচনা না করে আপনি তার পরিবর্তে th নির্বাচক ব্যবহার করতে পারেন: $('div[imageId]')

— চোরমাস্টার
সূত্র

4

@ থিফমাস্টার - যদি বৈশিষ্ট্যটির মানটি ধ্রুবক না হয়, (যেমন এটি পরিবর্তিত হবে) তবে এটি কীভাবে সন্ধান করব?

— বিকাশকারী

কয়েকটি প্রশ্ন: 1- অন্যান্য উপাদানগুলির সম্পর্কে কী ... 2- অন্যান্য মানগুলির সম্পর্কে কী ... আমার অনেকগুলি উপাদানের উপর ডেটা-ফুড বৈশিষ্ট্য থাকতে পারে : ডিভ, আইএমজি এবং একটি টিডি, যেখানে প্রত্যেকটির আলাদা আলাদা মান থাকে।

— dsdsdsddd

@ পার্থো গাঙ্গুলি আপনি এইভাবে চলকটি ব্যবহার করেন: '(' ডিভ [চিত্র আইডি = "'+ ভেরিয়েবল নাম +'"] ')

— কামা

4

এই সমাধানটি সত্যিই এই পৃষ্ঠার শিরোনামের জবাব দেয় না। আপনি ডিভড উপাদানগুলির সন্ধান করছেন। একটি সঠিক সমাধান হ'ল যা আসল উপাদানটির অজ্ঞেয় ic

— অ্যান্ড্রয়েডদেভ

166

যদিও এটি প্রশ্নের যথাযথভাবে উত্তর দেয় না, আমি উপাদানগুলির সম্ভাব্য সংগ্রহের সম্ভাব্য (আলাদা আলাদা ট্যাগের নাম) সংগ্রহ করার উপায় অনুসন্ধান করার জন্য আমি এখানে পৌঁছেছিলাম যেখানে কেবলমাত্র একটি প্রদত্ত বৈশিষ্ট্যের নাম ছিল (অ্যাট্রিবিউট মান দ্বারা ফিল্টারিং ছাড়াই)। আমি দেখতে পেয়েছি যে নিম্নলিখিতগুলি আমার পক্ষে ভাল কাজ করেছে:

$("*[attr-name]")

আশা করি যা এই পৃষ্ঠায় অবতীর্ণ হতে পারে এমন কাউকে সহায়তা করবে যে আমিই ছিলাম সেই একই জিনিসটির সন্ধান করছে।

আপডেট: দেখা যাচ্ছে যে তারকাচিহ্নের প্রয়োজন নেই, অর্থাত্ কিছু বেসিক পরীক্ষার ভিত্তিতে নিম্নলিখিতটিকে উপরের সমতুল্য বলে মনে হচ্ছে (এটি নির্দেশ করার জন্য ম্যাটকে ধন্যবাদ):

$("[attr-name]")

— sammy34
সূত্র

পারফেক্ট! শুধু আমি যা খুঁজছিলাম।

— পলিয়াস ম্যাটুলিওনিস

বেশ সম্ভবত ... আমি পারফরম্যান্সের দিকটি যাচাই করিনি (তখন আমার ব্যবহারের জন্য গুরুত্বপূর্ণ বিষয় ছিল না)।

— sammy34

4

তার মধ্যে কোন পার্থক্য আছে কি $("[attr-name]")? (যেমন না *)

— ম্যাথু

হ্যাঁ তাদের মধ্যে নির্দিষ্ট পার্থক্য রয়েছে। ফায়ারফক্সে তারকা চিহ্নিতকরণ ত্রুটি বাড়িয়েছে !!!! (আনস্কেপড ...)

— ওজ

এটি যোগ করার সাথে সাথে আপনি কোনও বৈশিষ্ট্যের মানও অন্তর্ভুক্ত করতে পারেন, যেমন:$("[data-toggle='modal']")

— মেল্টিংডগ

12

এটিকে ট্যাগ বলা হয় না; আপনি যা খুঁজছেন তাকে এইচটিএমএল বৈশিষ্ট্য বলা হয়।

$('div[imageId="imageN"]').each(function(i,el){
  $(el).html('changes');
  //do what ever you wish to this object :) 
});

— ভাল
সূত্র

5

আপনি (^) চিহ্ন ব্যবহার করে একটি ডিওএম উপাদান সনাক্ত করতে কোনও গুনের আংশিক মান ব্যবহার করতে পারেন। উদাহরণস্বরূপ আপনার এইরকম ডিভগুলি রয়েছে:

<div id="abc_1"></div>
<div id="abc_2"></div>
<div id="xyz_3"></div>
<div id="xyz_4"></div>...

আপনি কোডটি ব্যবহার করতে পারেন:

var abc = $('div[id^=abc]')

এটি id দিয়ে শুরু করে এমন একটি ডিওএম অ্যারে প্রদান করবে abc:

<div id="abc_1"></div>
<div id="abc_2"></div>

এখানে ডেমো: http://jsfiddle.net/mCuWS/

— ক্রুনাল
সূত্র

4

স্ট্রিং সংক্ষিপ্তকরণ ব্যবহার করুন। এটা চেষ্টা কর:

$('div[imageId="'+imageN +'"]').each(function() {
    $(this);   
});

— লস্টসেনএসএস
সূত্র