Find the identification number by searching through the text

I'm trying to find a way to retrieve the node id during a text search. Here's an example: http://jsfiddle.net/53cvtbv9/529/ I attempted using two methods to get the id of a node after the search:

console.log($('#jstree').jstree(true).search("Natural & Organic", false, true, '1.0'));

console.log($('#jstree').jstree('search', "Natural & Organic"));

The first method resulted in an "undefined" output, while the second one gave me a complex object (check the console).

Is there a way to retrieve the node id instead? Also, how can I prevent the color of the found node from changing?

Any suggestions or insights would be greatly appreciated. Thank you!

javascriptjsonjstree

Answer №1

When the event search.jstree is triggered, you can access the information by checking the data.res array in the console.

Check out the demo - Fiddle:

.on('search.jstree', function(e, data) {
    console.dir(data.res);
});

If you want to remove the color override CSS rules for the .jstree-default .jstree-search class, in the demo I have set them to blue.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the functionality of an Angular service that retrieves an

It appears that Angularjs services are constructed by passing in a Contructor function: app.service('serviceName', function(){ this.var1 = 'foo'; this.method1 = function(){ } }); Angular executes this function using the new ...

javascriptangularjspromiseangular-promise

Encountering KeyError in my Python code

I am currently working on a Python script to download images. However, I am facing an issue with a KeyError in Python v 2.7.11. Here is my code: import urllib, urllib2, demjson, os json = demjson.JSON() def read_newbooks_file(path): data = open(path) isb ...

jsonpython-2.7

Why are uppercase letters not allowed in field names for Amazon CloudSearch?

We are currently looking into sending our company's JSON data to Amazon Cloud search for indexing. Initially, we thought it would be a simple task of transferring the data as it is. However, we discovered that our attribute names are in camelCase form ...

jsonamazon-web-servicesamazon-cloudsearch

Displaying a div on click using Jquery will only impact one div at a time

I am encountering an issue with my WordPress setup. Within my loop, I have a clickable link that toggles a div to show or hide content. However, since each item in the loop uses the same class, clicking on one link activates all of them simultaneously. &l ...

javascriptjqueryhtmlwordpress

Issue with PHP $_GET function not functioning properly in conjunction with JQuery Mobile

I am currently developing an application using a combination of JQuery Mobile and PHP. The issue at hand is as follows: I am encountering difficulties when attempting to transfer values between different pages in my JQuery mobile app (for example, from #p ...

javascriptphpmysqlajaxjquery-mobile

Clicking on the icon reveals the current date

I need some help with the input field that displays the calendar date. Currently, I can only click on the input field to show the calendar date. What I actually want is for users to be able to click on a calendar icon to display the calendar date, which sh ...

javascripthtmlcalendar

Dealing with jQuery hover/toggle state conflicts in Internet Explorer?

Check out my code snippet: <!doctype html> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style type="text/css"> label {display:block; w ...

javascriptjqueryinternet-explorer

Preventing React setState from replacing the entire object

When attempting to update a customer's age using setState, the object is altered before calling setState, but the existing object is not updated. customerOnChange(event, field) { //Customer's age currently set at 80 var customer = { ...t ...

javascriptreactjs

Use the `DefaultValue` feature on all string properties during serialization

Make sure to set DefaultValue for all string properties. Situation: The classes below are automatically generated, making it tedious to manually add properties. To simplify the process, I created a program that uses regex to add the necessary properties ...

c#jsonjson.net

Performing an HTTP POST request with authentication credentials

Every time I try this: curl https://example.com/my/ressource \ -H "Content-Type: application/json" \ --data '{"itemid":["123","456"]}' \ -u myuser An HTTP 403 Forbidden error pops up. However, if I stick to a get request li ...

jsonhttppostbasic-authentication

Once appearing, the element quickly vanishes after the fadeIn() function is

In the source code, there is a section that looks like this: <div class="dash page" id="home"> <?php include ('pages/home.php'); ?> </div> <div class="dash page" id="screenshots"> <?php include ('pages/scr ...

javascriptjqueryhtml

Looking for a way to extract Regular Expressions from an IgGrid cell in Infragistics?

Is it possible to apply a regular expression to a igTextEditor within an igGrid Updating? I attempted to utilize the validate option, but it was unsuccessful. $("#schedulerTable").igGrid({ columns: $scope.schedulerColumns, widt ...

javascriptinfragisticsignite-uiiggrid

Navigating from a view to a controller in MVC to reach a different view: a step-by-step guide

I implement the MVC model using PHP, JS, HTML, and CSS. Additionally, I utilize CodeIgniter as my framework. I am looking to understand how to redirect to another controller. While on the Home page of my project, when clicking on "details" (div = prod_det ...

phpjavascriptcodeigniterhttp-redirect

Utilize a select box to toggle between enabling and disabling options

Could someone please help me with enabling and disabling a text field based on a select box option? I'm not sure if I have written the code correctly below. If there are any errors, please correct me. <body> <table width="500" border="1"> ...

phpjavascriptjqueryhtmldrop-down-menu

Creating a visual representation from an array of strings to produce a

My goal is to organize a list of server names into a map using a specific logic. For instance, with names like: "temp-a-name1", "temp-a-name2", "temp-b-name1", "temp-b-name2" They would be mapped as: { a: [ "temp-a-name1", "temp-a-name2" ] ...

javascriptstring

What is the process for adding or modifying attributes in child elements?

I have been experimenting with a simple script that adds the target="_blank" attribute to all the <a> elements. $(function(){ $('a').attr('target', '_blank'); }); While it is functioning perfectly, I am now interested ...

javascriptjquery

Retrieve highlighted text along with its corresponding tag in ReactJS

my <span class="highlight">highlighted</span> word The text above is showing an example including HTML tags. However, when using window.getSelection(), only the text "my highlighted word" is returned without the surrounding <span& ...

javascripthtmlreactjstypescriptreact-native

Can I securely hand off a JavaScript callback to an FFI function that executes it in a separate thread?

I need to use a C function that takes a callback and executes it on a separate thread: void execute_in_new_thread(void (*callback)()) { // create a new thread and run `callback` in it ... } To accomplish this from JavaScript using Node-FFI, I have to ...

javascriptnode.jsmultithreadingnode-ffi

Save the raw InputMask data in Formik with Material-UI

I currently have Input Mask implemented with a customized Material UI text field inside a Formik form: <InputMask mask="999-99-9999" maskChar="X" value={values.ssn} ...

javascriptreactjsmaterial-uiformikinput-mask

What is the best way to display the legend on my PieChart?

I am attempting to display the names of colors in my PieChart as a legend. Here is the JSON data: { "choice": "20-29 yrs. old", "count": 4 }, { "choice": "30-39 yrs. old", "count": 2 }, { "ch ...

javascriptreactjsmaterial-uirecharts